css 學習整理

1、 background-attachment:fixed屬性防止背景圖片這種滾動，它預設值是 scroll，也就是說，在預設的情況下，背景會隨文檔滾動

2、font-weight 屬性設定文字的粗細（關鍵字100 ~ 900 為字體指定了9 級加粗度。如果一個字體內建了這些加粗級別，那麼這些數字就直接對應到預先定義的級別，100 對應最細的字體變形，900 對應最粗的字體變形。

3、font-style 屬性最常用於規定斜體文字。

4、 font-family 屬性 定義文字的字體系列。

5、font-size 屬性設定文字的大小。

使用 em 來設定字體大小

如果要避免在 Internet Explorer 中無法調整文字的問題，許多開發者使用 em 單位來取代 pixels。

W3C 建議使用 em 尺寸單位。

1em 等於目前的字體尺寸。如果一個元素的 font-size 為 16 像素，那麼對於該元素，1em 就等於 16 像素。在設定字體大小時，em 的值會相對於父元素的字體大小改變。

瀏覽器中預設的文字大小是 16 像素。因此 1em 的預設尺寸是 16 像素。

可以使用下面這個公式將像素轉換為 em：pixels/16=em

（註：16 等於父元素的預設字體大小，假設父元素的 font-size 為 20px，那麼公式需改為：pixels/20=em

）

在上面的例子中，以 em 為單位的文字大小與前一個例子中以像素計的文字是相同的。不過，如果使用 em 單位，則可以在所有瀏覽器中調整文字大小。

不幸的是，在 IE 中仍有問題。在重設文字大小時，會比正常的尺寸更大或更小。

結合使用百分比和 EM

在所有瀏覽器中均有效的方案是為 body 元素（父元素）以百分比設定預設的 font-size 值

<code>body {font-size:100%;}</code>
h1 {font-size:3.75em;}
h2 {font-size:2.5em;}
p {font-size:0.875em;}

6、text-decoration 屬性大多用於去除連結中的下劃線

7、

結合後代選擇器和子選擇器

請看下面這個選擇器：

table.company td > p

上面的選擇器會選擇作為 td 元素子元素的所有 p 元素，這個 td 元素本身從 table 元素繼承，該 table 元素有一個包含 company 的 class 屬性。

8、

提示：在 CSS 定義中，a:hover 必須被放在 a:link 和 a:visited 之後，才是有效的。

提示：在 CSS 定義中，a:active 必須被置於 a:hover 之後，才是有效的。

提示：偽類名稱對大小寫不敏感。

 

 

https://zhuanlan.zhihu.com/p/22606894 前端訪談摘要

🎜