HTML有標簽,CSS有選擇器。選擇器是給內部和外部樣式里面的樣式命名。
每個選擇器都有屬性在{}里面,比如簡單點像color,font-weight或background-color。
值在冒號(不是等號)后面,分號分離屬性。
上面的意思是為body選擇器設置font-size字體大小和color字體顏色。
所以基本的,當它作用與HTML頁面時,在body標簽(整個窗口中的內容)之間的文字顏色是navy字體大小是0.8ems。
長度和百分比
CSS里面有許多屬性值要指定單位,但有些基本單位被使用在一些屬性上,在這之前值得屬性下它們。
em比如font-size:2em給于字體計算出的大小,所以2em就是實際字體大小的兩倍。
px比如font-size:12px是pixel像素的單位。
pt比如font-size:12px是points鎊的單位。
%比如font-size:80%是百分比
其他單位包括pc(12點西文活字)、cm(厘米)、mm(毫米)和in(英寸)
當值是零的時候,不需要單位,例如:border:0意思沒有邊框。
網頁不是靜態的、絕對的媒體。這意味著內能伸縮變形,用戶應該被允許調整自己喜歡的方式,包括字體大小和屏幕大小。
因為這樣,建議使用"em"和"%"在font-size上(寬度和高度),相比下px不能夠在大部分瀏覽器改變大小,所以要少用,可以用在邊框的大小上。
每個選擇器都有屬性在{}里面,比如簡單點像color,font-weight或background-color。
值在冒號(不是等號)后面,分號分離屬性。
body {
font-size: 0.8em;
color: navy;
}
上面的意思是為body選擇器設置font-size字體大小和color字體顏色。
所以基本的,當它作用與HTML頁面時,在body標簽(整個窗口中的內容)之間的文字顏色是navy字體大小是0.8ems。
長度和百分比
CSS里面有許多屬性值要指定單位,但有些基本單位被使用在一些屬性上,在這之前值得屬性下它們。
em比如font-size:2em給于字體計算出的大小,所以2em就是實際字體大小的兩倍。
px比如font-size:12px是pixel像素的單位。
pt比如font-size:12px是points鎊的單位。
%比如font-size:80%是百分比
其他單位包括pc(12點西文活字)、cm(厘米)、mm(毫米)和in(英寸)
當值是零的時候,不需要單位,例如:border:0意思沒有邊框。
網頁不是靜態的、絕對的媒體。這意味著內能伸縮變形,用戶應該被允許調整自己喜歡的方式,包括字體大小和屏幕大小。
因為這樣,建議使用"em"和"%"在font-size上(寬度和高度),相比下px不能夠在大部分瀏覽器改變大小,所以要少用,可以用在邊框的大小上。
标签:CSS基礎教程
推薦設計
優秀海報設計精選集(8)海報設計2022-09-23
充滿自然光線!32平米精致裝修設計2022-08-14
親愛的圖書館 | VERSE雜誌版版式設計2022-07-11
生活,就該這麼愛!2022天海報設計2022-06-02
最新文章
10個CSS簡寫/優化技巧CSS教程2013-06-04
css的margin縮寫方式CSS教程2012-05-23
CSS網頁布局時常犯的幾種CSS教程2009-09-28
CSS浮動屬性Float詳解CSS教程2009-09-17