1. 程式人生 > >前端基礎學習筆記 樣式初始化 元素型別

前端基礎學習筆記 樣式初始化 元素型別

樣式初始化

就是把預設樣式中的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