一课幕、css定義
CSS通常稱為CSS樣式表或?qū)盈B樣式表(級聯(lián)樣式表),主要用于設置HTML頁面中的文本內(nèi)容(字體露该、大小睬棚、對齊方式等)、圖片的外形(寬高解幼、邊框樣式抑党、邊距等)以及版面的布局等外觀顯示樣式。
二撵摆、引入CSS的方式
1底靠、行內(nèi)樣式:<p style="color: red"></p>;
2、內(nèi)嵌樣式: 在head標簽中添加style標簽.
3特铝、外部樣式:<link rel="stylesheet" href="css/main.css">
type屬性:只有一個選項暑中,“text/css",指定當前為css文本文件
rel:指定當前HTML文件與CSS文件的關(guān)系是樣式表鲫剿。href:指定外聯(lián)樣式表的路徑
導入樣式:@import鳄逾,導入樣式會導致,css文件不能并行下載灵莲。不推薦使用雕凹。
導入樣式的書寫必須在所有的css規(guī)則書寫之前
三、CSS語法
div { color: red; } 選擇器, 屬性政冻,屬性值
四枚抵、CSS選擇器
1、通配符選擇器:所有選擇器中作用范圍最廣的,代表頁面中所有的元素赠幕;
通配符的穿透力很強俄精,優(yōu)先級高于繼承的樣式询筏,會覆蓋繼承的樣式,一般不用.
2榕堰、通過標簽名來選擇一類標簽。p { color: red; }
3嫌套、id選擇器使用“#”進行標識逆屡,后面緊跟id名:#des { color: red; 屬性2:屬性值。踱讨。魏蔗。}
id選擇器命名規(guī)范:
1)只允許出現(xiàn)字母(大小寫均可,嚴格區(qū)分) 痹筛、下劃線莺治、數(shù)字廓鞠。
也就是說,id=”laoHe”和 id=”laohe”不沖突
2)只允許以字母開頭
3)命名沒有長度限制谣旁,可以是 1 個字母床佳,也可以是很多個。不過不建議太長榄审。
4)不允許出現(xiàn)標簽名(不是硬性規(guī)定砌们,是有工作經(jīng)驗的表現(xiàn))
注意:
id選擇器的優(yōu)先級非常高,所以確定在整個頁面內(nèi)唯一出現(xiàn)時搁进,才可以使用id選擇器浪感,不然因為優(yōu)先級問題在后續(xù)維護中不能很好進行修改更新。
4饼问、類選擇器
類選擇器影兽,是對HTML標簽中class屬性進行選擇。CSS類選擇器的選擇符是"."匆瓜,
例: .demo { color: red; }
類選擇器與id選擇器的區(qū)別:
1赢笨、相同的Class屬性值,可以在HTML中出現(xiàn)多次驮吱。ID屬性值在頁面中只能出現(xiàn)一次茧妒。
2、一個class的屬性可以有多個值左冬,也就是說一個標簽可以有多個類桐筏。
建議大家盡量使用類選擇器。使用ID時候情況:當確實能唯一確定當前頁面中標簽只會出現(xiàn)一次拇砰,這時候可以使用ID選擇器梅忌。如果不能保證相同的作用的標簽在頁面中只出現(xiàn)一次,那么這時候就選擇使用類選擇器除破。