本節簡介:利用所學知識,實操演練“Gulp中文網”頁面布局及樣式的定義
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
行級塊元素(圖像) 父級加text-align也可以居中顯示
做一樣顏色時,也可以截圖時讀取rgb background:rgb(207,70,70)
鏈接文字加了{line-heignt:(塊的高度)}(行高的意思),第一起到了上下居中對齊,第二起到了鼠標滑過去正片都有反應的作用。
text-align:center也適用于img標簽
相鄰padding是相加的,相鄰margin是不相加的
background:rgb(123,456,789)
background: rgb(123.456.789)
<div style=''clear:both''></div>
.con overflow:hidden 溢出隱藏
增加padding時,元素大小也會受到改變導致換行,需要調整寬度顯示在同一行
底部區域上下高度最好的解決辦法是增加padding的上下內邊距
text-align具有繼承屬性,并且對圖像也具有效果,并不只是針對文本產生效果
點擊區域寬度不一的解決方法:支掉寬度屬性,更改為內邊距padding
鏈接<a>是行內元素,更改為塊級元素(添加 display:block )后才能設置點擊區域大小