1. 程式人生 > >css的樣式及選擇器跟選擇器權重的學習筆記

css的樣式及選擇器跟選擇器權重的學習筆記

一、複習上一週學習過的內容。
注意如果在css裡面給table加border值得話,只會顯示table的邊框。如果要給td的邊框應該給td寫一個border值。
二、css的介紹
三、css的基本結構

四、css的四種樣式
1、 內嵌式:寫在style標籤對裡面。
2、 行內樣式:直接寫在標籤行上面。
3、 外鏈樣式:單獨寫一個css檔案,通過link標籤引入
匯入式:單獨寫一個css檔案,通過@import匯入(匯入式可以同時匯入多個樣式,但匯入每個檔案時要如同寫內嵌樣式時,在每個屬性值的末尾加上一個分號結尾。)
四種方式我們選那種呢?

  1. 在開發中關於css樣式一般或多或少都會使用一些行內樣式與內嵌樣式,但是主體還是通過引入單獨的css檔案進行使用的。

  2. Link與@import兩種方式都可以引入單獨的css檔案,我們一般選擇link籤,即外鏈式。

  3. Link與@import一些區別
    ① 除了載入CSS檔案以外,它還能載入其它型別檔案,如“icon”,而“@import”只能載入CSS檔案
    給網頁加上圖示:
    ② 在現代的瀏覽器中是多執行緒載入的,也就是說在通過該標籤載入一個檔案的時候標籤內的DOM也在執行同步的載入。載入效率高於@import
    ③ 作為一個標籤,也就是一個DOM元素,是可以通過JavaScript進行操作的(如增加、刪除標籤,修改的屬性值等)。而“@import”寫在

對各型別的css選擇器權重進行理解與記憶,通過自主的程式碼實驗體會權重和就近原則不同時,css樣式的相應效果。並把實驗程式碼提