今天的学习内容

1.参数的传递

• 1.1盒子模型的传参

1. margin:100px 四个方向全部改变
   margin:100px 200px; top,bottom-- 100px left,right -- 200px
2. //传三个参数 top--100 left,right -- 200 bottom --300
   margin:100px 200px 300px;
3. //传四个参数
   margin:100px 200px 300px 400px
   top right bottom left

• 1.2padding

//传一个参数 四个方向都改变
//传两个参数 第一参数top,bottom 第二个参数left,right
//传三个参数
第一个参数top 第一参数left,right 第三个参数bottom
//传四个参数 top,right,bottom,left

2.标签的分类

1. 块标签:h1,p,div,ul,li,dl,dt,dd
   特点:1.独占一行 2.能设置width,height
2. 内联标签:<h1>h1</h1>
   <p>p</p>
   <ul>
   <li>1</li>
   <li>2</li>
   </ul>
   <dl>
   <dt>dt</dt>
   <dd>dd</dd>
   </dl>
   <div>div</div>
   特点:1.并排显示 2.不能设置width,height 3.不能设置margin-top,margin-bottom
3. 内联块: input,img,button
   特点:1.并排显示 2.能设置width,height

3.水平居中

02.PNG

4.选择器

• 1.后代选择器

.parent>p{} 选择所包含的同等级别的p元素（亲儿子）

.parent p{} 选择parent之后的所有p元素

03.PNG

• 2.兄弟选择器

div+p{} -->选中div之后的第一个p元素

div~p{} -->选中div之后的所有p元素

• 3.属性选择器

语法: element[attr=value]{ }

04.PNG

• 4.伪元素

伪元素-->用css自定义生产的元素
        div:before{
            content:" "
        }

05.PNG

• 5.选择器的优先级别

!important> id>class>p{}

06.PNG

• 6.选择器的权重

选择器嵌套的层次越深,那么权重越高

07.PNG