Web入門學習:day6

三大元素
display三種取值

<a>默認是內聯(lián)元素,不能設置大小。強行將其修改為display:block;則居中效果消失。
當我們給父元素設置了text-alige:center表示文本居中,此時內部所有的文字內容、圖片、超鏈接、內聯(lián)元素、inline-block這些都會跟著居中,包括普通的a標簽。
但是現在a標簽已經修改為塊元素,塊元素的居中必須使用到margin:auto。
margin:0 auto 20px;

定位

注意:浮動元素也是block元素

固定定位;相對頁面不動
定位層級

如果B設置了position那么以它為參考,如果沒有則觀察A有無position,也沒有則繼續(xù)向外查找,html..直到以窗口為參考。

HTML5的容器標簽

上述標簽可代替div

box-sizing

在我們給一個元素使用padding時,元素會被撐大。如果不希望元素大小改變則可以使用box-sizing。這時它的填充會向內擠壓,元素大小保持不變。

語義化標簽
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容