前端基礎學習筆記 樣式初始化 元素型別
阿新 • • 發佈:2018-11-24
樣式初始化
就是把預設樣式中的margin和padding取消、改變列表list-style、text-decoration文字裝飾、圖片邊框
<body>
<style>
*{margin:0;padding:0}
ul,ol{list-style:none;}
a{text-decoration:none;}
img{border:0;}
</style>
</body>
將此作為新建模板
元素型別
塊級標籤
主要為了佈局
1、獨佔一行,換行顯示
2、支援設定寬高,不設定寬度時,寬度為父元素內容區域寬度。
不設定高度時,高度由內容撐開。
設定寬度和高度時,寬度高度不能撐開。
3、margin padding 四個方向支援 margin:auto支援
常見塊級標籤:
div p h1-h6 ul li ol dl dt dd form
內聯元素/行內元素
1、友好橫排顯示(和別的行內元素)
2、不支援設定寬度和高度,完全由內容撐開寬高。
3、margin只支援作用 上下不支援 不支援margin:auto。
4、padding支援顯示 但是上下的padding撐大的部分對別的元素沒有影響。
5、行內元素和行內元素之間會產生空格(空格 換行)
取消空格一般很少用到(除了a標籤橫排時偶爾使用)。
6、存在基線對齊問題
常見行內元素:
span a b em strong img input