day03

今天的学习内容

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

   
   

   p

   
   
   
   
   • 1
   
   
   • 2
   
   
   
   

   
   

   dt

   
   

   dd

   
   

   
   
   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