所屬章節(jié)課程:HTML+CSS 輕鬆入門之什麼是選擇器
在{}之前的部分就是“選擇器”,“選擇器”指明了{(lán)}中的“樣式”的作用對象,也就是“樣式”作用于網(wǎng)頁中的哪些元素
2016-11-260個贊
所屬章節(jié)課程:HTML+CSS 輕鬆入門浮動(float)
CSS 的 Float(浮動),會使元素向左或向右移動,其周圍的元素也會重新排列。 Float(浮動),往往是用于圖像,但它在布局時一樣非常有用
2016-11-260個贊
所屬章節(jié)課程:HTML+CSS 輕鬆入門之類選擇器
.div{ 樣式 }
2016-11-260個贊
所屬章節(jié)課程:HTML+CSS 輕鬆入門之ID選擇器
類選擇器和 ID 選擇器可能是區(qū)分大小寫的。這取決于文檔的語言。HTML 和 XHTML 將類和 ID 值定義為區(qū)分大小寫,所以類和 ID 值的大小寫必須與文檔中的相應(yīng)值匹配
2016-11-260個贊
所屬章節(jié)課程:HTML+CSS 輕鬆入門之通用選擇器
通用選擇器 *{ 樣式 }
2016-11-260個贊
所屬章節(jié)課程:HTML+CSS 輕鬆入門之子選擇器
子選擇器 E1 > E2 { 樣式 }
2016-11-260個贊
所屬章節(jié)課程:HTML+CSS 輕鬆入門包含選擇器
包含選擇器 body div{ 樣式代碼 } 注:body 與 div 之間用空格
2016-11-260個贊
所屬章節(jié)課程:HTML+CSS 輕鬆入門之偽類選擇器
偽類選擇器 a:hover{ 樣式代碼 }
2016-11-260個贊
所屬章節(jié)課程:HTML+CSS 輕鬆入門之超連結(jié)狀態(tài)
a:link 初始化時 a:hover 懸停時 a:active 激活時 a:visited 訪問過后
2016-11-260個贊
所屬章節(jié)課程:HTML+CSS 輕鬆入門之分組選擇符
分組選擇符 E1,E2,E3{ 樣式代碼 }
2016-11-260個贊
<style type="text/css"> p{ color:red; } </style>
<style type="text/css"> p{ color:red; } </style> <p> css繼承性 <span>重要性</span> </p>
2016-11-260個贊
內(nèi)聯(lián)樣式表(標(biāo)簽內(nèi)部)> 嵌入樣式表(當(dāng)前文件中)> 外部樣式表(外部文件中)。
2016-11-260個贊
p{color:red;} /*權(quán)值為1*/ p span{color:green;} /*權(quán)值為1+1=2*/ .warning{color:white;} /*權(quán)值為10*/ p span.warning{color:purple;} /*權(quán)值為1+1+10=12*/ #footer .note p{color:yellow;} /*權(quán)值為100+10+1=111*/
2016-11-260個贊
!important 注意:!important要寫在分號的前面
2016-11-260個贊
所屬章節(jié)課程:HTML+CSS 輕鬆入門之元素分類
常用的塊狀元素有: <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的內(nèi)聯(lián)元素有: <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 常用的內(nèi)聯(lián)塊狀元素有: <img>、<input>
2016-11-260個贊