CSS學習總結

2021-04-25 21:46:09 字數 839 閱讀 8888

1.

使用外部(extenal)樣式表,相對於內嵌(inline)和內部式(internal)的,有以下優點:

樣式**可以復用。乙個外部css檔案,可以被很多網頁共用。

便於修改。如果要修改樣式,只需要修改css檔案,而不需要修改每個網頁。

提高網頁顯示的速度。如果樣式寫在網頁裡,會降低網頁顯示的速度,如果網頁引用乙個css檔案,這個css檔案多半已經在快取區(其它網頁早已經引用過它),網頁顯示的速度就比較快。

串聯(cascading)

css第乙個字母,是cascading,意為串聯。它是指不同**的樣式(styles)可以合在一起,形成一種樣式。

cascading的順序是:

瀏覽器預設(browser default)(優先順序最低)

外部樣式表(extenal style sheet)

內部樣式表(internal style sheet)

內嵌樣式表(inline style)(優先順序最高)

樣式(styles)的優先順序依次是內嵌(inline), 內部(internal), 外部(external), 瀏覽器預設(browser default)。假設內嵌(inline)樣式中有font-size:30pt, 而內部(internal)樣式中有font-size:12pt,那麼內嵌(inline)式樣式就會覆蓋內部(internal)樣式。

2.字型屬性(font)

這個屬性是各種字型屬性的一種快捷的綜合寫法。這個屬性可以綜合字型風格屬性(font-style),字型變數屬性(font-variant),字型濃淡屬性(font-weight),字型大小屬性(font-size)等屬性。例句如下:

.s1

CSS學習總結

選擇器的優先順序 乙個標籤作用於多個樣式層疊時,這些層疊樣式說明都不一樣,那麼標籤上樣式所有層疊樣式的總和。如果這些層疊樣式有相同的宣告時,樣式的優先順序如下 內聯 內部 外部 必須選擇器型別相同 id的優先順序大於類大於元素。id不管在內部還是外部優先順序都是最高的。important 內聯 id...

CSS學習總結

ios不支援background attachment屬性 需要用以下hack方式,body before超出寬度的文字自動省略 效果圖 需要同時加上 overflow hidden 和 white space nowrap text overflow ellipsis 才會起作用。span標籤設定...

CSS 學習總結

最近看了很多關於如何學習的文章,無非就是要刻意練習,不斷地回顧總結過去所學的文章,達到真正掌握知識的程度。跟著 w3school 學習的css基礎知識。css簡介 css基本語法 派生選擇器 直系後代,子孫後代 id選擇器 id1 來表示乙個id選擇器 id屬性是唯一的,如果有多個標籤都使用同乙個i...