今天的学习内容
1.参数的传递
-
1.1盒子模型的传参
- margin:100px 四个方向全部改变
margin:100px 200px; top,bottom-- 100px left,right -- 200px - //传三个参数 top--100 left,right -- 200 bottom --300
margin:100px 200px 300px; - //传四个参数
margin:100px 200px 300px 400px
top right bottom left
-
1.2padding
//传一个参数 四个方向都改变
//传两个参数 第一参数top,bottom 第二个参数left,right
//传三个参数
第一个参数top 第一参数left,right 第三个参数bottom
//传四个参数 top,right,bottom,left
2.标签的分类
- 块标签:h1,p,div,ul,li,dl,dt,dd
特点:1.独占一行 2.能设置width,height - 内联标签:<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 - 内联块: 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
