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