复合选择器

复合选择器

交集选择器: 连接无空格

pdiv{

}

并集选择器： 连接逗号（，）

p,div{

}

后代元素选择器： 连接空格

p div{

}

子代元素选择器： 连接大于号（>）

p>div{

}

相邻元素选择器： 连接加号（+）

p+div{

}

兄弟元素选择器： 连接波浪号（~）

p~div{

}

样式—style

外边距： （上 右 下 左）

margin: 0;

内边距： （同上）

padding: 0;

边框： (宽度 样式 颜色)

border: 1px soild red ;

怪异盒模型： （边框固定）

box-sizing: border-box;

父子元素外边距合并：1.给父级添加边框(border)

​ 2.给父级添加内边距(padding)

​ 3.溢出隐藏：(overflow:hidden; )

兄弟元素外边距合并： 以大距离为标准