詳細介紹CSS的三種selector
2006/11/11 9:06:19
CSS的三種selector
上一節開始我們討論 CSS (Cascading Style Sheet) 的基礎. 告訴你有三種 Selector. 但只介紹了其中的 HTML selector. 這一節我們把三種都詳細介紹給你HTML selector、class selector、ID selector:
HTML selector
HTML selector 就是 HTML 的 tags, 比如 P, DIV, TD 等. 如你用 CSS 定義了它們, 在整頁中, 這個 Tag 的性質就按照你的定義來顯示了. HTML selector 的語法如下
tag {property:value}比如我們想叫 H1 的顏色是紅的H1 {color: red}這里還要告訴你 CSS 的一個特點, 它可定義好幾個 selector 在一個 rule 里. 比如 H1, H2, TD {color: red}這個定義就能讓所有的 H1, H2, 和 TD 的顏色都為紅色.
Class selector
Class selector 有兩種, 一種叫相關 class selector, 它跟一個 HTML 的 tag 有關系. 它的語法是tag.Classname {property:value}比如我們想叫一些而不是全部 H1 的顏色是紅的 H1.redone {color: red}這樣在下面的語句中, 第一個 H1 是紅色的, 而第二個就不是了 <H1 class="redone">紅色的題目</H1><H1>普通的題目</H1>第二種是獨立 class selector . 它可被任何 HTML tag 所應用. 它的語法如下 .Classname {property:value}假如我們有下面這個定義.blueone {color: blue}那么我們可以把他應用到不同的 Tag 當中去. 比如 <H1 class="blueone">藍色的題目</H1><P class="blueone">藍色的段落</P>顯然 class selector 給了我們更多的自由.
ID selector
ID selector 其實跟獨立 class selector 的功能一樣. 而區別在于它們的語法和用法不同, 以及對于 Javascript 操縱 HTML
元素有幫助. 它的語法如下#IDname {property:value}假如我們有下面的定義#yelowone {color: yellow}我們可以運用這個定義到任何的有同樣 ID 名字的 tag, 比如 <SPAN ID="yellowone">text here</SPAN>你可能覺得既然 ID selector 和獨立 class selector 功能一樣, 為什么兩者都存在呢. 如果你知道用 CSS-P 來定位的話, 你就明白它們的區別了. 有 ID 的 HTML 元素可以被 CSS-P和 JavaScript 來操縱。到現在為止, 你已經大概知道如何來寫 CSS 的定義了, 下面五節我們將會告訴你如何用 CSS 來操縱或修改。
返回列表
返回首頁
主站蜘蛛池模板:
日韩av高清在线看片|
亚洲国产av美女网站|
天天综合网色中文字幕|
好男人在线社区www|
亚洲福利在线看|
老师~你的技术真好好大|
国产福利在线观看你懂的|
√新版天堂资源在线资源|
日韩欧美在线播放|
亚洲第一综合天堂另类专|
羞差的漫画sss|
国产女人好紧好爽|
silk131中字在线观看|
日本亚洲国产一区二区三区|
亚洲国产欧美久久香综合|
精品欧美一区二区在线观看|
国产在线观看精品一区二区三区91
|
男女一边摸一边做爽视频|
国产人妖ts在线观看免费视频
|
亚洲欧美日韩中文字幕一区二区三区|
国产男女猛烈无遮挡免费视频|
avove尤物|
日韩在线观看视频网站|
亚洲欧美久久一区二区|
精品人妻潮喷久久久又裸又黄|
国产一区二区三区不卡AV|
波多野结衣第一页|
羞羞视频网站免费入口|
大象视频在线免费观看|
久久99精品国产麻豆宅宅|
韩国一级免费视频|
国产精品亚韩精品无码a在线|
99re热视频这里只精品|
女人扒开双腿让男人桶|
中文字幕在线永久在线视频2020|
日韩污视频在线观看|
亚洲人成图片小说网站|
欧美成人黄色片|
又大又紧又粉嫩18p少妇
|
色综合色综合色综合色综合网
|
免费看美女被靠到爽的视频|