一、談談你對盒模型的認識

1.盒模型是什么

• 盒模型又叫“框模型”。它規(guī)定了元素顯示的基礎。它假設任何一個HTML標簽都存在一個元素框：在元素的中央是內(nèi)容區(qū)，在內(nèi)容區(qū)的外面是內(nèi)邊距，在內(nèi)邊距的外面是邊框，在邊框的外面是外邊距。

2.用途

• 盒模型用于計算元素在文檔中占據(jù)的空間大小。box-sizing屬性規(guī)定了兩種計算元素尺寸的方法：一種是內(nèi)容盒，一種是邊框盒。

3.怎么辦？

• 在移動端的項目中，我們經(jīng)常使用邊框盒模型，因為它的計算方法更加方便，適合移動端靈活多變的特點。

二、CSS的三大特性

1. 繼承性：元素的屬性值可以傳遞給后代元素。
2. 層疊性：
3. 特殊性

三、哪些屬性可以繼承

可以繼承的屬性

• 字體屬性組
• 文本屬性組
• 列表屬性

不能繼承的屬性

• 盒模型：寬高、內(nèi)邊距、外邊距、邊框、背景
• 布局模型：浮動、定位、盒模型(Flexbox)、網(wǎng)格(grid)

四、列表

1、列表是什么

列表是相關(guān)項目的集合。

2、在HTML中有幾種列表？

1.無序列表：不強調(diào)列表項目順序的列表 

2.有序列表:強調(diào)列表項目順序的列表

3.定義列表： 

  dl：定義列表 dt：定義列表標題 title dd：定義列表項 

3、列表屬性

list-style-position 規(guī)定列表項符號的位置。

語法：

    ul{
      list-style-position:outset | inside
    }

outset：把列表的項目符號放在li元素外部

inside：把列表的項目符號放在li元素內(nèi)部

list-style-type 規(guī)定列表項符號的類型

語法：

    ul{
      list-style-type:disc | circle | square | none
    }

list-style-image 使用圖片設置列表項符號

list-style 復合屬性。用于把位置、類型、圖片三個屬性寫在一個聲明里