CSS基礎學習:樣式表CSS簡明教程
2006/12/4 9:27:20
樣式表CSS在網頁中占著極重要的地位,它的使用一直是熱門討論的話題。CSS是Cascading Style Sheet的簡寫,譯為“層疊樣式表單”。CSS幾乎可以定義所有的網頁元素,CSS雖然功能強大,但平時我們用到的是很少的,最常見的有:定義字體大小(用CSS定義的字體大小不會瀏覽器的字體設置而改變)、去掉超鏈下劃線、超鏈接變色等等。下面詳細、簡練地講如何使用CSS。
1.CSS加在什么位置?編輯CSS時候,強烈建議使用記事本之類的文本編輯工具打開你的網頁代碼。找到<head>和</head>,在<head>和</head>之間加入這句,<STYLE></STYLE>,然后所有的樣式表都定義在<STYLE>和</STYLE>之間。
有很多網站喜歡把樣式表寫成一個CSS文件,然后所有文件都指向這里來調用它。我個人不喜歡這樣做,因為每頁的CSS都不一樣,這樣做的缺點還有,當由于網速慢、或服務器負擔重CSS文件連接不上時,網頁就變得很亂。直接把CSS嵌在網頁中,是比較明智的做法。如果你的許多網頁幾乎完全一樣,堅持想使用CSS文件,可使用這句<link href=***.css rel=stylesheet>來連接CSS文件。
實例1:<STYLE>td{font-size:9pt;line-height:150%}</STYLE>這句表示網頁的字體大小為9磅字,行距150%,td是“單元格”元素,這句也就是對單元格內的字體起作用。這里的<style>后面的td,表示選擇符,網頁內所有的td元素都會起作用。這些選擇符可以是所有的html標記,例如p、table、hr等等,只有少數的br除外。
實例2:<STYLE>a{color:FF0000}input{font-size:9pt}</STYLE>表示超鏈接都為紅色,單行文本框的字體是9磅。
2.CSS作用很大的一方面就是可以用來大量減少網頁代碼,從而為網頁減肥,原理就是在網頁中自定義樣式表的選擇符,然后在網頁中大量引用這些選擇符。目前大部分網站都是使用class來引用的。
CSS中,class和id的作用是完全一樣的,“class”單詞比“id”多3個字母。id的使用方法,在網頁<STYLE>和</STYLE>之間定義選擇符名,選擇符名前加#,這些選擇符名可以是字母或數字、或組合,然后在網頁的元素中使用id=**來引用它。
實例3:<STYLE>#8{color:000080}#p2{margin-left:20}#14{font-size:14pt}</STYLE>,然后在網頁使用這句引用它:<a id=8>黑藍色</a>,<a id=14>14磅的字</a>。<p id=p2>段落……
也就是說,<a id=8>黑藍色的字</a>等價于<a style=color:000080>黑藍色的字</a>;<a id=14>14磅的字</a>等價于<a style=font-size:14pt>14磅的字</a>,以此類推。這里的介紹可能有點不太好理解,你可以多實踐。
注意:在一定條件下,使用id來引用可能不起作用或報錯、或與javascript的id發生沖突,這種情況下,你可以使用class來引用。class的使用方法與id一樣,所不同的是:在網頁的<STYLE>和</STYLE>之間定義選擇符名,名前加.(即點)。例如<STYLE>.a1{color:FF0000}</STYLE>,然后用class=a1引用它。
3.樣式表語法。樣式表的項和它的值應該用冒號連接,例如color:FF00000。樣式表也可直接嵌在段落當中,而不用class或id引用,例如<a style=font-size:12pt>12磅字</a>。也就是使用<* style=*:*>的語法。
4.小技巧??筛鶕枰`活掌握,同一個選擇符名可以多次給它定義,也可以多個選擇符名定義同一句。例如<style>#a1{color:FF0000}#a1{font-size:9pt}</style>,它等效于#a1{color:FF0000;font-size:9pt}。多個選擇符名定義同一句的方法是,各選擇符
下一頁
返回列表
返回首頁
主站蜘蛛池模板:
亚洲av无码不卡在线播放|
国产小视频在线看|
九月婷婷亚洲综合在线|
永久免费无码网站在线观看个|
国产成人无码区免费A∨视频网站|
swag台湾在线|
把水管开水放b里是什么感觉|
久草福利资源在线观看|
欧美野性肉体狂欢大派对|
日本a级作爱片金瓶双艳|
亚洲五月丁香综合视频|
男人j桶女人p免费视频|
国产男女猛烈无遮挡免费视频网站
|
国产成人综合欧美精品久久
|
最新亚洲人成无码网站|
亚洲欧美国产高清va在线播放|
穆天阳吃饭还在顶是哪一章节|
国产97人人超碰caoprom|
9久久这里只有精品国产|
日本免费一区二区三区最新vr
|
色爱无码av综合区|
国产午夜影视大全免费观看|
日本aⅴ日本高清视频影片www|
国产精品成年片在线观看|
97精品伊人久久久大香线蕉|
大香煮伊在2020一二三久应用|
一区二区三区在线视频播放|
成人精品视频一区二区三区|
久久久久99人妻一区二区三区
|
另类人妖与另类欧美|
色播在线观看免费|
国产亚洲精品成人久久网站|
黄色三级电影网|
国产日韩AV免费无码一区二区
|
亚洲大尺度无码无码专区|
毛片女人毛片一级毛片毛片|
亚洲黄色片网站|
狠狠热免费视频|
伊人久久大香线蕉无码|
男男暴菊gay无套网站|
六月丁香婷婷色狠狠久久|