第六章预习笔记

Posted 2020-10-05 秋风伊人

1：盒子模型由content（网页内容）border(边框)padding（内边框）margin（外边框）

2：外边框属性上（top）下（bottom）左left）右（right）

3：边框的属性：color，width ，style

4：border-top-coior.,border-tbottom-coior.,border-left-coior.,border-right-coior.

5::border-width的属性：border-top-width.,border-tbottom-width.,border-left-width.,border-right-width

6：border的属性：border-top-style.,border-tbottom-style.,border-left-style.,border-right-style

7：三者没有顺序：如果有则按照：width ，color，style

8：外边框的属性：margin-top，margin-left。margin-boottom.margin -right

9:内边距(上右下左)：padding-left，padding-right、padding -top。padding-boottom

10：盒子模型内盒总尺寸=border（上下/左右）+padding（上下/左右）+内容宽/高

        内盒的总尺寸=border+padding +margin +内容宽/高

        外盒的总尺寸=border+padding +margin +margin+内容宽/高

11:box-sizing拯救布局：

       语法：

    box-sizing：content-box(border-box|inherit)

12：圆角边框：(给元素添加圆角效果，以及制作特殊图形)

        boxder-adious.length{1,4}

13：box-shodow语法（给元素添加内。外外阴效果）

box-shodow :inset x-offest y-offest blur-radius color

14:border-style:

  none hiddden:隐藏。无线

 dootted:点线

dashed：虚线

soild:实线

double：双线

15：网页剧中的条件：

1>块元素

2>固定宽度