學(xué)習(xí)條件
- 了解css/css3常見選擇器
學(xué)習(xí)目標(biāo)
- 了解選擇器權(quán)重的計(jì)算
- 了解瀏覽器默認(rèn)樣式
- 了解樣式的繼承
- 了解樣式的層疊
樣式的層疊即樣式權(quán)重嗽交、瀏覽器默認(rèn)樣式地消、以及樣式繼承三方影響的最后計(jì)算結(jié)果
學(xué)習(xí)資源
習(xí)題
- 習(xí)題一:根據(jù)如下代碼計(jì)算div炉媒、ul坪哄、和li的最終樣式
//html代碼
<div class="list list-member">
<ul>
<li>member ID1</li>
<li>member ID2</li>
<li>member ID3</li>
</ul>
</div>
//css代碼
.list li {
margin: 10px 0 0 0;
font-size: 14px;
color: #666;
}
.list-member li {
font-size: 12px;
}
提示：需要考慮瀏覽器默認(rèn)樣式蔬啡，樣式權(quán)重餐禁，以及樣式繼承诗祸。先思考跑芳，給出一個(gè)答案，在寫一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)直颅，將代碼復(fù)制上去到瀏覽器驗(yàn)證
下面可以學(xué)
- 頁(yè)面布局
