css樣式選擇器學(xué)習(xí)筆記，使用樣式表有什么好處？
使用樣式表有以下優(yōu)點：
1.內(nèi)容與表現(xiàn)分離寫一個網(wǎng)頁就好比建房子，房子的結(jié)構(gòu)通過磚塊、鋼筋、水泥搭建，后期通過瓷磚、地板等的裝飾，才能讓房子更加漂亮。
網(wǎng)頁通過HTML搭建整體結(jié)構(gòu)，通過CSS修飾美化網(wǎng)頁。為了使得在搭建的過程中不受到美化網(wǎng)頁的影響，而是專注在結(jié)構(gòu)上。并且在后期的維護(hù)上也更加方便。
2.網(wǎng)頁的表現(xiàn)統(tǒng)一，容易修改分開之后，結(jié)構(gòu)和樣式在不同的文件，互不影響，結(jié)構(gòu)清晰，可讀性強，后期如果修改維護(hù)便于定位查找。
3.豐富的樣式，使得頁面布局更加靈活首先樣式表中提供了強大的而且非常全面靈活的選擇器，可以供我們選取到網(wǎng)頁中的任何一個元素
從大的方面選擇器可以分為四大類：
1.基本選擇器
2.層次選擇器
3.結(jié)構(gòu)偽類選擇器
4.屬性選擇器
如下圖我只是截取了屬性選擇器中幾種：
其次樣式表不僅提供了文本效果、背景和邊框還有2D/3D 轉(zhuǎn)換、動畫、多列布局、用戶界面等。
4.減少網(wǎng)頁的代碼量，增加網(wǎng)頁的瀏覽速度，節(jié)省網(wǎng)絡(luò)帶寬很多CSS3技術(shù)通過提供相同的視覺效果而成為圖片的“替代品”
換句話說，在進(jìn)行Web開發(fā)時，減少多余的標(biāo)簽嵌套以及圖片的使用數(shù)量，意味著用戶要下載的內(nèi)容將會更少，頁面加載也會更快。
另外，更少的圖片、腳本和Flash文件能夠減少用戶訪問Web站點時的HTTP請求數(shù)，這是提升頁面加載速度的最佳方法之一。
而使用CSS3制作圖形化網(wǎng)站無需任何圖片，極大地減少了HTTP的請求數(shù)量，并且提升了頁面的加載速度
基于以上幾點，使用樣式表是必須的！！
css規(guī)則定義有哪些選擇符？
css選擇符（選擇器）有以下這些：
1、通配選擇符（ * ）：匹配任意元素。
2、id選擇符（ # myid）：匹配 ID 等于“myid”的任意元素 。
3、類選擇符（.myclassname）：匹配 class 等于“myclassname”的任意元素.
4、標(biāo)簽選擇符（div, h1, p）：選擇指定元素名稱的所有元素。
5、相鄰選擇符（E + F）：用于選擇（不是內(nèi)部）指定的第一個元素之后緊跟的元素。
6、子選擇符（E > F）：用于選取帶有特定父元素的元素，例ul > li，選擇所有父級是 <ul> 元素的每個 <li> 元素。（學(xué)習(xí)視頻分享：css視頻教程）
7、后代選擇符（E F）：用于選取元素內(nèi)部的元素。
8、偽類和偽元素選擇符：用于向某些選擇器添加特殊的效果。
css怎么讓li從下往上？
把ul包含的li定義為一個類，在css樣式用類選擇器設(shè)置li的float屬性為向左浮動， 即為float：left； 最好將無序列表前面的點去掉。即ul的list-style-type：none；這樣設(shè)計出來的比較美觀。
css選擇器中可以匹配所有標(biāo)簽的是？
答案是星星選擇標(biāo)簽。
因為星號選擇器的定義是用于選擇html中的所有標(biāo)簽，在一個頁面中我們都會選擇去掉html所有標(biāo)簽的默認(rèn)樣式，然后根據(jù)自己的需求添加樣式，這個時候就需要使用*選擇標(biāo)簽。
另外一個*選擇標(biāo)簽也可以搭配到其他的標(biāo)簽進(jìn)行使用，用來選擇表示某個父元素下面的所有子元素標(biāo)簽。