學習CSS注意點

2021-08-08 17:11:00 字數 1549 閱讀 9865

1.當同乙個html元素被不只乙個樣式定義時,那麼使用樣式的層疊次序為:(次序由低到高)

- 瀏覽器預設設定

- 外部樣式表

- 內部樣式表(位於標籤內部)

- 內聯樣式(在html元素內部)

2.用多重宣告時,盡可能在每個申明後加上封號,可在你增減宣告時減少出錯可能性,最好每行定義乙個宣告,增強可讀性。

3.id選擇器:id屬性只能在每個html中出現一次。原因參閱:xhtml**重構,但是常常id選擇器可以建立派生選擇器,它作為派生選擇器也可被定義很多次。

4.定義css類選擇器時,類名的第乙個字元不能用數字。與id一樣,類選擇器也可被用作派生選擇器。

5.css屬性選擇器:對帶有指定屬性的html元素設定樣式。

6.插入樣式表的三種方法:

- 外部樣式表(當樣式需要應用到很多頁面時用它,可以通過改變乙個檔案來改變整個站點的外觀,link標籤)

- 內部樣式表(當單個文件需要特殊的樣式時用它,style標籤)

- 內聯樣式(當樣式僅需要在乙個元素上應用時用它,在相關標籤內用style屬性)

多重樣式:如果某些屬性在不同的樣式表中被同樣的選擇器定義,那麼屬性值將從更具體的樣式表中被繼承過來。

7.css的背景色與背景屬性都不能繼承。

8.縮排文字text-indent可以應用於所有塊級屬性,例如段落,但是該屬性無法應用於行內元素。該元素可以繼承。

9.css字型系列:如果我們不知道使用者**上有沒有安裝你想要的指定字型,那麼可以通過結合指定字型和通用字型,將通用字型作為備用。

10.字型大小分為絕對值和相對值,相對值允許使用者在瀏覽器中改變文字大小(有利於可用性),一般如果沒有規定字型大小,則普通文字預設大小是16畫素(16px=1em)。一般推薦用em尺寸單位,1em相當於當前字型尺寸,em值會相對于父元素字型大小改變。但不幸em單位在ie中調整文字還是有問題,所以我們可以結合使用百分比和em單位使瀏覽器縮放文字均有效。

11.css框模型概述

背景應用於由內容、內邊距和邊框組成的區域。內邊距、邊框、外邊距都是可選的,預設值是0。可以給外邊距的每個邊分別設定值,這幾個值順序是從top開始順時針設定。這四個邊距可以值複製。

12.以下是相對定位:

相對定位是「相對於」元素在文件中的初始位置。在使用相對定位時,無論是否進行移動,元素仍然佔據原來的空間。因此,移動元素會導致它覆蓋其它框。

以下是絕對定位:

絕對定位是「相對於」最近的已定位祖先元素,如果不存在已定位的祖先元素,那麼「相對於」最初的包含塊。絕對定位使元素的位置與文件流無關,因此不佔據空間。因為絕對定位的框與文件流無關,所以它們可以覆蓋頁面上的其它元素。可以通過設定 z-index 屬性來控制這些框的堆放次序。

模板程式設計學習注意點

最近剛開始學習模板程式設計,有些注意點 1.在類模板程式設計中對操作符 進行過載時,類中宣告時需要使用 friend ostream operator ostream out,const myvector obj 2.所有容器提供的都是值 value 語意,而非引用 reference 語意。容器執...

html基礎學習 注意點

瀏覽器會自動地在塊級元素 的前後新增空行 當顯示頁面時,瀏覽器會移除源 中多餘的空格和空行。所有連續的空格或空行都會被算作乙個空格。需要注意的是,html 中的所有連續的空行 換行 也被顯示為乙個空格。預格式文字 此例演示如何使用 pre 標籤對空行和空格進行控制 這是預格式文字。它保留了 空格 和...

CSS遇到的一些注意點

vh 也就是 viewpoint height 作用是設定高度跟螢幕一樣,寬度不用設定,自適應 vh 就是當前整塊螢幕可視高度的1 也就是說 height 100vh 相當於 height 100 但是當元素沒有內容時候,設定height 100 該元素不會被撐開,此時高度為0,但是設定height...