CSS教程2、CSSSel_CSS教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
CSS教程 2、CSS Selectors,Properties,and Values 選擇器 、屬性、值 [翻譯Htmldog]
HTML有標(biāo)簽,CSS有選擇器。選擇器是給內(nèi)部和外部樣式里面的樣式命名。
每個(gè)選擇器都有屬性在{}里面,比如簡(jiǎn)單點(diǎn)像color,font-weight或background-color。
值在冒號(hào)(不是等號(hào))后面,分號(hào)分離屬性。
上面的意思是為body選擇器設(shè)置font-size字體大小和color字體顏色。
所以基本的,當(dāng)它作用與HTML頁(yè)面時(shí),在body標(biāo)簽(整個(gè)窗口中的內(nèi)容)之間的文字顏色是navy字體大小是0.8ems。
長(zhǎng)度和百分比
CSS里面有許多屬性值要指定單位,但有些基本單位被使用在一些屬性上,在這之前值得屬性下它們。
em比如font-size:2em給于字體計(jì)算出的大小,所以2em就是實(shí)際字體大小的兩倍。
px比如font-size:12px是pixel像素的單位。
pt比如font-size:12px是points鎊的單位。
%比如font-size:80%是百分比
其他單位包括pc(12點(diǎn)西文活字)、cm(厘米)、mm(毫米)和in(英寸)
當(dāng)值是零的時(shí)候,不需要單位,例如:border:0意思沒(méi)有邊框。
網(wǎng)頁(yè)不是靜態(tài)的、絕對(duì)的媒體。這意味著內(nèi)能伸縮變形,用戶應(yīng)該被答應(yīng)調(diào)整自己喜歡的方式,包括字體大小和屏幕大小。
因?yàn)檫@樣,建議使用"em"和"%"在font-size上(寬度和高度),相比下px不能夠在大部分瀏覽器改變大小,所以要少用,可以用在邊框的大小上。
HTML有標(biāo)簽,CSS有選擇器。選擇器是給內(nèi)部和外部樣式里面的樣式命名。
每個(gè)選擇器都有屬性在{}里面,比如簡(jiǎn)單點(diǎn)像color,font-weight或background-color。
值在冒號(hào)(不是等號(hào))后面,分號(hào)分離屬性。
示例代碼 [hl5o.cn]
body {
font-size: 0.8em;
color: navy;
}
font-size: 0.8em;
color: navy;
}
上面的意思是為body選擇器設(shè)置font-size字體大小和color字體顏色。
所以基本的,當(dāng)它作用與HTML頁(yè)面時(shí),在body標(biāo)簽(整個(gè)窗口中的內(nèi)容)之間的文字顏色是navy字體大小是0.8ems。
長(zhǎng)度和百分比
CSS里面有許多屬性值要指定單位,但有些基本單位被使用在一些屬性上,在這之前值得屬性下它們。
em比如font-size:2em給于字體計(jì)算出的大小,所以2em就是實(shí)際字體大小的兩倍。
px比如font-size:12px是pixel像素的單位。
pt比如font-size:12px是points鎊的單位。
%比如font-size:80%是百分比
其他單位包括pc(12點(diǎn)西文活字)、cm(厘米)、mm(毫米)和in(英寸)
當(dāng)值是零的時(shí)候,不需要單位,例如:border:0意思沒(méi)有邊框。
網(wǎng)頁(yè)不是靜態(tài)的、絕對(duì)的媒體。這意味著內(nèi)能伸縮變形,用戶應(yīng)該被答應(yīng)調(diào)整自己喜歡的方式,包括字體大小和屏幕大小。
因?yàn)檫@樣,建議使用"em"和"%"在font-size上(寬度和高度),相比下px不能夠在大部分瀏覽器改變大小,所以要少用,可以用在邊框的大小上。
相關(guān)CSS教程:
CSS教程Rss訂閱Div+Css教程搜索
CSS教程推薦
- css教程:如何正確的使用CSS?
- CSS有序列表OL的特殊形式
- CSS教程2、CSSSel
- CSS代碼編寫(xiě)常用技巧
- CSS教程12、CSS的BackgroundImages背景圖片[翻譯Htmldog]
- CSS selector:class 和 id 都可以使“單一選擇符”有不同的樣式
- 網(wǎng)頁(yè)設(shè)計(jì)關(guān)于WEB標(biāo)準(zhǔn)的相關(guān)問(wèn)題匯總
- CSS教程6、CSS的Border邊框[翻譯Htmldog]
- FF中CSS的私有屬性小結(jié)
- xhtml css網(wǎng)頁(yè)布局是否要注意CSS書(shū)寫(xiě)順序?
猜你也喜歡看這些
- 相關(guān)鏈接:
- 教程說(shuō)明:
CSS教程-CSS教程2、CSSSel
。