CSS入門教程之CSS的語(yǔ)法
2007/2/2 0:10:24
1.基本語(yǔ)法
CSS的定義是由三個(gè)部分構(gòu)成:選擇符(selector),屬性(properties)和屬性的取值(value)。
基本格式如下:
selector { property: value}
(選擇符 { 屬性:值})
選擇符是可以是多種形式,一般是你要定義樣式的HTML標(biāo)記,例如BODY、P、TABLE……,你可以通過(guò)此方法定義它的屬性和值,屬性和值要用冒號(hào)隔開(kāi):
body { color: black}
選擇符body是指頁(yè)面主體部分,color是控制文字顏色的屬性,black是顏色的值,此例的效果是使頁(yè)面中的文字為黑色。
如果屬性的值是多個(gè)單詞組成,必須在值上加引號(hào),比如字體的名稱經(jīng)常是幾個(gè)單詞的組合:
p { font-family: "sans serif"}
(定義段落字體為sans serif)
如果需要對(duì)一個(gè)選擇符指定多個(gè)屬性時(shí),我們使用分號(hào)將所有的屬性和值分開(kāi):
p { text-align: center; color: red}
(段落居中排列;并且段落中的文字為紅色)
為了使你定義的樣式表方便閱讀,你可以采用分行的書(shū)寫(xiě)格式:
p
{
text-align: center;
color: black;
font-family: arial
}
(段落排列居中,段落中文字為黑色,字體是arial)
2.選擇符組
你可以把相同屬性和值的選擇符組合起來(lái)書(shū)寫(xiě),用逗號(hào)將選擇符分開(kāi),這樣可以減少樣式重復(fù)定義:
h1, h2, h3, h4, h5, h6 { color: green }
(這個(gè)組里包括所有的標(biāo)題元素,每個(gè)標(biāo)題元素的文字都為綠色)
p, table{ font-size: 9pt }
(段落和表格里的文字尺寸為9號(hào)字)
效果完全等效于:
p { font-size: 9pt }
table { font-size: 9pt }
3.類選擇符
用類選擇符你能夠把相同的元素分類定義不同的樣式,定義類選擇符時(shí),在自定類的名稱前面加一個(gè)點(diǎn)號(hào)。假如你想要兩個(gè)不同的段落,一個(gè)段落向右對(duì)齊,一個(gè)段落居中,你可以先定義兩個(gè)類:
p.right { text-align: right}
p.center { text-align: center}
然后用不在不同的段落里,只要在HTML標(biāo)記里加入你定義的class參數(shù):
這個(gè)段落向右對(duì)齊的
這個(gè)段落是居中排列的
注意:類的名稱可以是任意英文單詞或以英文開(kāi)頭與數(shù)字的組合,一般以其功能和效果簡(jiǎn)要命名。
類選擇符還有一種用法,在選擇符中省略HTML標(biāo)記名,這樣可以把幾個(gè)不同的元素定義成相同的樣式:
.center { text-align: center}
(定義.center的類選擇符為文字居中排列)
這樣的類可以被應(yīng)用到任何元素上。下面我們使h1元素(標(biāo)題1)和p元素(段落)都?xì)w為“center”類,這使兩個(gè)元素的樣式都跟隨“.center”這個(gè)類選擇符:
這個(gè)標(biāo)題是居中排列的
這個(gè)段落也是居中排列的
注意:這種省略HTML標(biāo)記的類選擇符是我們經(jīng)后最常用的CSS方法,使用這種方法,我們可以很方便的在任意元素上套用預(yù)先定義好的類樣式。
下一頁(yè)
返回列表
返回首頁(yè)
主站蜘蛛池模板:
亚洲一区中文字幕久久|
国产v精品成人免费视频400条|
аⅴ天堂中文在线网|
日本漫画yy漫画在线观看|
亚洲人成电影网站色|
激情六月在线视频观看
|
久久99精品久久久久久水蜜桃|
樱桃直播免费看|
亚洲精品欧美精品中文字幕|
精品一区二区三区四区|
工囗番漫画全彩无遮挡|
久久免费视频精品|
狠狠97人人婷婷五月|
另类人妖与另类欧美|
2019国产开嫩苞视频|
天天做天天爱天天一爽一毛片|
中文字幕丰满伦子无码|
日本大臿亚洲香蕉大片|
亚洲AV无码一区二区三区网址|
欧美日韩一区二区视频图片|
亚洲精品在线电影|
男女一进一出抽搐免费视频|
午夜剧场1000|
美女扒开尿口让男人捅|
国产三级在线观看播放|
香蕉在线视频播放|
国产成人精品2021|
日本高清在线免费|
国产精品亚洲二区在线播放|
91大神福利视频|
国模精品一区二区三区|
久久99九九国产免费看小说|
日韩欧美国产综合|
亚洲精品无码久久久久久久
|
美利坚永久精品视频在线观看|
国产亚洲女在线精品|
香蕉视频污在线观看|
国产成人无码a区在线观看视频免费
|
国产在线观看一区二区三区四区|
五月婷婷婷婷婷|
国产精品久久福利网站|