CSS學習總結

2021-09-07 19:10:41 字數 721 閱讀 6816

ios不支援background-attachment屬性

需要用以下hack方式,**:

body: before
超出寬度的文字自動省略:效果圖

**:

需要同時加上「overflow: hidden;」和「white-space: nowrap;」

「text-overflow: ellipsis;」才會起作用。

span標籤設定line-height高度錯位:

span標籤加上「display: inline-block;」屬性後,高度位置會錯位。

需要在span標籤加上「overflow: hidden;」才會起作用。

其他注意的細節:

1、body的height為100%時,其scrolltop始終為0;

2、overflow-x在部分ios裝置上會失效;

flex主要屬性

.flex

CSS學習總結

1.使用外部 extenal 樣式表,相對於內嵌 inline 和內部式 internal 的,有以下優點 樣式 可以復用。乙個外部css檔案,可以被很多網頁共用。便於修改。如果要修改樣式,只需要修改css檔案,而不需要修改每個網頁。提高網頁顯示的速度。如果樣式寫在網頁裡,會降低網頁顯示的速度,如果...

CSS學習總結

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

CSS 學習總結

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