本節簡介:本節課主要介紹css中其他的一些樣式和更多的選擇器,以及其他選擇器的應用和注意事項。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
正方形設置圓角:border-radius:正方形邊長的一半,正圓。
通用選擇器 寫法head里 *{屬性}所有標簽都會帶有這個屬性
ID選擇器<id=id名> head里寫法#id名{屬性} id里每個網頁只能用一次
標簽選擇器 class選擇器 后代選擇器 偽類選擇器 id選擇器
列表前加圖標 .類 li{backgrond:url(image/圖片路徑) ;no-repeat不重復 left 左對齊 center 居中對齊;padding-left左側內間距:間距值;line-height:行高}
其他list-suyle-image 無序列表前圖像-鏈接圖像 list-suyle-typetype 無序列表前標志
id 選擇器 對應的樣式屬性 # 在當前頁面中, 只能使用一次,定義不允許重復
.list li{ background:url(images/QQ%E6%88%AA%E5%9B%BE20180802103746.jpg) no-repeat left center; padding-left:23px; line-height:40px; }設置列表圖標案例
list-style-type 設置列表的屬性 ;list-style-image可以設置列表前面的圖標
要設方框為圓形,把圓角大小設置為正方形的半徑大小即可
標簽選擇器,class選擇器,后代選擇器,偽類選擇器(:hover),id 選擇器
標簽選擇器:h1{} ; class選擇器:.box{} ; 后代選擇器:.box .out{} ;偽類選擇器:a:hover{} .box:hover{} ; id選擇器:#box{} ; 通用選擇器:*{padding:0; margin:0}