并集选择器
body,ul,p{
margin:0;
padding:0;
}
好处:简单方便
坏处:太过方便,加大了浏览器的负荷
解决办法:按需选择
无序列表
ul
无序列表中都必须带有两个子标签<li></li>
ul天生自带内外边距 还有p标签
list-style 这是样式属性 除去前面的符号
list-style 的属性值circle(空心圆) disc(实心圆) square (正方形)none(空)
有序列表
ol
有序列表中带有两个子标签<li></li>
天生自带内外边距
ol和ul的不同之处在于前面的符号不同
有序列表改变前面符号需在标签内添加type修改
自定义列表
dl自定义列表 dt小标题 dd内容
列表能做什么?
做二级菜单 导航栏
一个元素实际占用的空间:width+2*margin+2*padding+2*border
实际高度:height+padding-top+padding-bottom+2*border
块级转行级
给块级元素添加属性display:inline dosplay显示 inline行
行级转块级
给行级元素添加属性display:block block块
行级块元素
给需要的元素添加属性 display:inline-block
可以设置宽高 可以在一行 margin可以随便使用了