首頁 > web前端 > html教學 > css 學習整理

css 學習整理

WBOY
發布: 2016-12-05 13:26:31
原創
1360 人瀏覽過

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 前端訪談摘要
🎜
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板