1、CSS的基本概念
網(wǎng)站建設(shè)哪家好,找成都創(chuàng)新互聯(lián)公司!專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、成都微信小程序、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了色尼免費建站歡迎大家使用!CSS全稱Cascading Style Sheets。在實際網(wǎng)頁開發(fā)中,作用于同一個元素上的多個樣式產(chǎn)生沖突的情況不可避免的經(jīng)常發(fā)生,當(dāng)多個樣式發(fā)生重疊時,優(yōu)先級別高的樣式會生效,因此得名層疊樣式表。
2、CSS的作用
在網(wǎng)頁開發(fā)中,CSS高性能強(qiáng)大,是提高工作效率的利器。它可以將內(nèi)容展示和樣式控制分離,從而降低耦合度,解耦,讓分工協(xié)作更容易,以此提高開發(fā)效率。
3、CSS的使用
(1)內(nèi)聯(lián)樣式:在標(biāo)簽內(nèi)使用style屬性指定css代碼。如:
(2)內(nèi)部樣式:在head標(biāo)簽內(nèi),定義style標(biāo)簽,style標(biāo)簽的標(biāo)簽體內(nèi)容就是css代碼。如:
div{
color:blue;
}
(3)外部樣式:它是CSS資源文件。在head標(biāo)簽內(nèi),定義link標(biāo)簽,引入外部的資源文件.如:
a.css文件:
div{
color:green;
}
需要注意的是,前三種方式CSS作用范圍越來越大,第一種方式不常用,后期比較常用第二、三種方式。
4、CSS的語法
(1)格式
選擇器 {
屬性名1:屬性值1;
屬性名2:屬性值2;
...
}
注意:每一對屬性需要使用;隔開,最后一對屬性可以不加;
5、屬性
(1)字體、文本
font-size:字體大小
color:文本顏色
text-align:對其方式
line-height:行高
(2)背景
background:
(3)邊框
border:設(shè)置邊框,符合屬性
(4)尺寸
width:寬度
height:高度
(5)盒子模型:控制布局
margin:外邊距
padding:內(nèi)邊距
默認(rèn)情況下內(nèi)邊距會影響整個盒子的大小
box-sizing: border-box; 設(shè)置盒子的屬性,讓width和height就是最終盒子的大小
float:浮動
left
right
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。