認清CSS的類class和標識id選擇符
2006/11/1 10:41:51
認清CSS的類class和標識id選擇符——在CSS初級教程中我們僅僅考慮了HTML選擇符──以HTML標簽形式出現。你當然可以用類選擇符class和標識選擇符id來定義自己的選擇符。這樣做的好處是,依賴于class或者id,你可以不同地表現相同的HTML元素。
認清CSS的類class和標識id選擇符
在CSS初級教程中我們僅僅考慮了HTML選擇符──以HTML標簽形式出現。你當然可以用類選擇符class和標識選擇符id來定義自己的選擇符。這樣做的好處是,依賴于class或者id,你可以不同地表現相同的HTML元素。
在CSS中,類選擇符在一個半角英文句點(.)之前,而id則在半角英文井號(#)之前。
看起來像這樣:
#top { background-color: #ccc; padding: 1em }
.intro { color: red; font-weight: bold; }
HTML與CSS的連接用屬性id和class。像這樣:
以下是引用片段:
#top { background-color: #ccc; padding: 1em } //id
.intro { color: red; font-weight: bold; }//class
應用如下:
以下是引用片段:
<div id="top">
<h1>Chocolate curry</h1>
<p class="intro">網頁陶吧-最好的網站建設教程站</p>
<p class="intro">http://homepage.yesky.com</p>
</div>
id和class不同之處在于,id用在唯一的元素上,而class則用在不止一個的元素上。
你也可以為一個指定的HTML元素應用選擇符,把HTML選擇符放置在前面就可以了,所以, p.jam { whatever }會應用在有類“jam”的段落上。
返回列表
返回首頁
主站蜘蛛池模板:
爱情岛论坛亚洲品质自拍视频
|
欧美成人亚洲欧美成人|
午夜视频免费国产在线|
黄色毛片视频免费|
国产精品青草久久|
一本大道香蕉高清视频视频|
日本理论片午夜论片|
亚洲中文无码线在线观看|
没带罩子让他c一节课|
免费视频专区一国产盗摄|
色综合久久一本首久久|
国产成人免费视频app|
10天的爱人下载|
在线播放中文字幕|
www.com日本|
性xxxx18免费观看视频|
久久er99热精品一区二区|
日韩欧美精品在线观看|
亚洲成年人电影网站|
波多野结衣制服诱惑|
十六一下岁女子毛片免费|
色妞www精品一级视频|
国产影片中文字幕|
久久久精品久久久久三级|
国产精品成年片在线观看|
99久久99久久久99精品齐|
好日子在线观看视频大全免费|
中文字幕一区二区三区日韩精品
|
日本欧美视频在线|
二区久久国产乱子伦免费精品|
欧美大屁股xxxx|
亚洲欧美日韩中字综合|
激情内射日本一区二区三区
|
成人免费视频国产|
久久99国产乱子伦精品免费|
日韩xxxx厕所撒尿视频|
久久综久久美利坚合众国|
最近中文字幕2019国语7|
亚洲人成人77777网站|
欧美性色黄大片www喷水|
亚洲欧美国产国产综合一区|