第二章 选择符和属性
1.類(lèi)別選擇符(Class selectors)：你要給網(wǎng)頁(yè)施加規(guī)則，首先你要選擇給什么施加規(guī)則
?類(lèi)別選擇符 讓你對(duì)一個(gè)給定的類(lèi)別 應(yīng)用CSS，如果我們有下面這條CSS規(guī)則：
p.bold{ font-weight:bold;} //1：p表示段落 2：p.bold表示是bold類(lèi)別的段落 3：整句話(huà)的意思是 給bold類(lèi)別的段落施加規(guī)則再加上下面的HTML:
<p class="bold">這個(gè)段落應(yīng)用的是粗體</p> //class="bold" 定義的一個(gè)bold類(lèi)別看到的結(jié)果應(yīng)該是：這個(gè)段落應(yīng)用的是粗體
2.ID選擇符：id選擇符有點(diǎn)像類(lèi)別選擇符，只不過(guò)每一頁(yè)只能用在一個(gè)元素上，如果給定一下CSS規(guī)則
p#bold { font-weight:bold} //#是id選擇符的標(biāo)識(shí)加上這個(gè)HTML:
<p id="bold">這個(gè)段落應(yīng)用的是粗體</p> //id="bold" 定義的一個(gè)id為bold的p標(biāo)簽?看到的結(jié)果應(yīng)該是：這個(gè)段落應(yīng)用的是粗體
3.群選擇符:你可以為多個(gè)選擇應(yīng)用一套選擇符
<style type="text/css">p,h1 { //p和h1是群選擇符，指定所有的段落和1號(hào)標(biāo)題 應(yīng)用這套規(guī)則 text-align:right;}//指定段落，標(biāo)題的對(duì)齊方式</style>每個(gè)選擇符之間用逗號(hào)隔開(kāi)
甚至你還可以在群選擇符中慘雜ID選擇符，類(lèi)選擇符
<html><head><title>first_rule演示</title><style type="text/css">p,h1 { text-align:right;}</style></head><body><h1>群選擇符演示</h1><p class="red">這是個(gè)<em>段落</em>。</p><p class="red">第二個(gè)段落。</p> </body> </html>
4.顏色：在CSS中你可以用顏色屬性 來(lái) 指定 任意元素的顏色
? ? 1)???p { color：red;} 設(shè)置段落的字體顏色為紅色，直接用關(guān)鍵字red來(lái)改變color的屬性值
? ? 2) ? h1?{ color: rgb(255,0,0)}} 用RGB方式
?5.背景顏色
? ?p{background-color:green;}//設(shè)置段落的背景顏色為綠色
6.布局四屬性：用CSS做布局，有幾個(gè)屬性之間的關(guān)系，你一定要明白，要不然很容易混淆
Content:它可以是圖片，文本，可以是任何元素
Padding：
Margin：指一個(gè)border與另一個(gè)border之間的距離，即邊間距
7.邊框(比如在網(wǎng)頁(yè)中插入一個(gè)圖片，圖片四周就有個(gè)邊框)
在CSS中你可以用關(guān)鍵字來(lái)指定邊框?qū)挾?/p>
border-width:thin ? ? ? ?border-width:medium ? ? ?border-width:thick ?其中thin，medium，thick是關(guān)鍵字
也可用具體的數(shù)值來(lái)指定邊框?qū)挾?/p>
border-width:10px?
?
?
?
?
?
?
?
?
?
?
轉(zhuǎn)載于:https://www.cnblogs.com/SpringSmallGrass/archive/2013/04/16/3024040.html
總結(jié)
以上是生活随笔為你收集整理的第二章 选择符和属性的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： nc的使用
- 下一篇： struts2中实现文件的上传