如何使用CSS來進行網(wǎng)頁排版4
2007/1/3 22:54:51
第7天:CSS入門
在了解XHTML代碼規(guī)范后,我們就要進行CSS布局。首先先介紹一些CSS的入門知識。如果你已經(jīng)很熟悉了,可以跳過這一節(jié),直接進入下一節(jié)。
CSS是Cascading Style Sheets(層疊樣式表)的縮寫。是一種對web文檔添加樣式的簡單機制,屬于表現(xiàn)層的布局語言。
1.基本語法規(guī)范
分析一個典型CSS的語句:
p {COLOR:#FF0000;BACKGROUND:#FFFFFF}
其中"p"我們稱為"選擇器"(selectors),指明我們要給"p"定義樣式;
樣式聲明寫在一對大括號"{}"中;
COLOR和BACKGROUND稱為"屬性"(property),不同屬性之間用分號";"分隔;
"#FF0000"和"#FFFFFF"是屬性的值(value)。
2.顏色值
顏色值可以用RGB值寫,例如:color : rgb(255,0,0),也可以用十六進制寫,就象上面例子color:#FF0000。如果十六進制值是成對重復(fù)的可以簡寫,效果一樣。例如:#FF0000可以寫成#F00。但如果不重復(fù)就不可以簡寫,例如#FC1A1B必須寫滿六位。
3.定義字體
web標準推薦如下字體定義方法:
body { font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋體,sans-serif; }
字體按照所列出的順序選用。如果用戶的計算機含有Lucida Grande字體,文檔將被指定為Lucida Grande。沒有的話,就被指定為Verdana字體,如果也沒有Verdana,就指定為Lucida字體,依此類推,;
Lucida Grande字體適合Mac OS X;
Verdana字體適合所有的Windows系統(tǒng);
Lucida適合UNIX用戶
"宋體"適合中文簡體用戶;
如果所列出的字體都不能用,則默認的sans-serif字體能保證調(diào)用;
4.群選擇器
當幾個元素樣式屬性一樣時,可以共同調(diào)用一個聲明,元素之間用逗號分隔,: p, td, li { font-size : 12px ; }
5.派生選擇器
可以使用派生選擇器給一個元素里的子元素定義樣式,例如這樣:
li strong { font-style : italic; font-weight : normal;}
就是給li下面的子元素strong定義一個斜體不加粗的樣式。
6.id選擇器
用CSS布局主要用層"div"來實現(xiàn),而div的樣式通過"id選擇器"來定義。例如我們首先定義一個層
<div id="menubar"></div>
然后在樣式表里這樣定義:
#menubar {MARGIN: 0px;BACKGROUND: #FEFEFE;COLOR: #666;}
其中"menubar"是你自己定義的id名稱。注意在前面加"#"號。
id選擇器也同樣支持派生,例如:
#menubar p { text-align : right; margin-top : 10px; }
這個方法主要用來定義層和那些比較復(fù)雜,有多個派生的元素。
下一頁
返回列表
返回首頁
主站蜘蛛池模板:
91嫩草视频在线观看|
国产大片内射1区2区|
亚州三级久久电影|
波多野结衣与上司出差|
日本大胆欧美人术艺术|
亲密爱人之无限诱惑|
给我免费播放片在线中国|
国产噜噜噜视频在线观看|
美女无遮挡拍拍拍免费视频|
女人扒开腿让男生桶爽动漫|
中文字幕在亚洲第一在线|
日韩a级毛片免费视频|
亚洲乱码中文字幕综合|
38部杂交小说大黄|
女人18毛片a级毛片免费|
中文字幕人成乱码中文乱码|
日本高清视频网址|
亚洲av无码片区一区二区三区|
欧美疯狂xxxx乱大交视频|
伊甸园在线观看国产|
精品国内片67194|
国产99视频免费精品是看6|
韩国在线免费视频|
国产福利兔女郎在线观看|
84pao强力打造|
在线观看中文字幕码|
sihu永久在线播放地址|
成人免费淫片免费观看|
丰满肥臀风间由美系列|
日本理论在线看片|
久久精品一区二区免费看|
最近中文字幕最新在线视频|
亚洲区与欧美区|
欧美日韩一区二区三区麻豆|
亚洲经典在线观看|
狠狠色综合网站久久久久久久|
六月丁香色婷婷|
精品日韩欧美一区二区三区在线播放|
国产99热在线观看|
色噜噜狠狠色综合日日|
国产亚洲人成网站在线观看|