css:全稱是cascading style sheet層疊樣式表又叫級聯樣式表或樣式表。css
css的做用:爲html元素定義樣式,可以實現內容與表現的分離,提升程序的可重用性和可維護性。html
其中重用性:表示可讓多個元素使用相同的樣式; 維護性:表示一個元素飛樣式改變,其餘的元素能夠跟着變字體
css樣式表主要是由兩部分構成:選擇器{樣式}spa
css中經常使用的屬性:htm
對於文本:it
font-size:字體大小。必需要加單位io
font-weight:bold;字體加粗class
color:字體顏色效率
font-family:字體基礎
font-style:字體樣式
text-align:字體水平排列方式
line-height:字體的行高
text-decoration:文本下劃線
對於「盒子」:
width:寬
height:高
background:背景
float:浮動
position:定位
border:邊框
css選擇器:
基礎選擇器:
1,標籤選擇器:就是以標籤名做爲選擇器
格式:標籤名{
樣式1;
樣式2;
}
注意:全部的標籤均可以做爲選擇器,不管這個標籤在哪一個位置必定可以選擇上;選擇的是全部的選擇器標籤,因此常常描述的是這些標籤的共性,沒法描述元素的個性2,
2,id選擇器:
格式:#id屬性值{
樣式;
}
注意:任何html標籤均可以有id屬性,屬性值能夠任取但只能由字母、數字、下劃線組成,必須以字母開頭,不要和html飛標籤名同名;id屬性是惟一的標識不能出現相同的id
3,類選擇器:
格式 : .class屬性值{
樣式;
}
注意:class屬性和id很是類似,任何的標籤均可以有,同一個標籤能夠同時屬於多個類用空格隔開,class舒心能夠重複的,同一個標籤能夠有多個類
4,通用選擇器:
格式:*{
樣式;
}
注意:層級最低,匹配頁面上全部的標籤,效率不高