本節簡介:包括如何創建標簽CSS樣式、類CSS樣式、IDCSS樣式以及復合CSS樣式
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
創建類CSS樣式基本語法.類名稱[屬性;屬性值;]
復合CSS,例如,四張圖片,只定義兩張圖片。屬性ID BOX,選擇器#box img,點擊屬性值,只針對頁面中BOX的img標簽管用。
ID CSS不要使用數字不要使用中文。不能出數字開頭。#ID .屬性-html-id#dyg01,ID只能對一個html的對象管用。和類樣式不同。
樣式選擇器才算是設計器是在CC中新出的非常方便。標簽選擇器。
class可以給多個添加屬性 ID只能給一個定屬性
創建復合css樣式,當僅僅想對某一個對象中的“子”對象進行樣式設置時,復合css樣式就派上了用場,復合css樣式制定組合中前一個對象包含后一個對象,對象之間使用空格作為分隔符
創建IDcss樣式,IDcss樣式定義的是HTML頁面中某一個特定的元素,即網頁中只能有一個元素使用某一個ID的屬性值?;菊Z法:#ID名稱{屬性:屬性值;}當ID樣式和類樣式發生沖突時,將會優先使用IDcss樣式
創建類css樣式,在新建類css樣式時,默認的在類css樣式名稱前有一個“.”,這說明了此css樣式是一個類css樣式(class)?;菊Z法:.類名稱{屬性:屬性值}類css樣式可以在一個HTML中被多次調用。
css基本選擇器類型:css提供了幾種方式,用于進一步優化和自定義格式化效果。創建標簽css樣式:HTML文檔是由多個不同標簽組成的,標簽選擇器可以用來控制標簽的應用形式,例如:p選擇器可以用來控制頁面中所有<p>標簽的風格樣式,標簽名稱表示HTML標簽名稱,如<p>\<h1>\<body>,標簽css樣式不需要單獨進行應用。
創建復合css樣式,當僅僅想對某一個對象中的“子”對象進行樣式設置時,復合css樣式就派上了用場,復合css樣式制定組合中前一個對象包含后一個對象,對象之間使用空格作為分隔符
創建IDcss樣式,IDcss樣式定義的是HTML頁面中某一個特定的元素,即網頁中只能有一個元素使用某一個ID的屬性值?;菊Z法:#ID名稱{屬性:屬性值;}當ID樣式和類樣式發生沖突時,將會優先使用IDcss樣式
創建類css樣式,在新建類css樣式時,默認的在類css樣式名稱前有一個“.”,這說明了此css樣式是一個類css樣式(class)?;菊Z法:.類名稱{屬性:屬性值}類css樣式可以在一個HTML中被多次調用。
css基本選擇器類型:css提供了幾種方式,用于進一步優化和自定義格式化效果。創建標簽css樣式:HTML文檔是由多個不同標簽組成的,標簽選擇器可以用來控制標簽的應用形式,例如:p選擇器可以用來控制頁面中所有<p>標簽的風格樣式,標簽名稱表示HTML標簽名稱,如<p>\<h1>\<body>,標簽css樣式不需要單獨進行應用。
ID CSS樣式定義的是某一個特定的元素,即網頁中只有一個元素使用某一個ID的屬性值
ID css樣式語法為 #ID名稱{屬性:屬性值;},ID CSS樣式優先級高于類樣式