复合选择器
选择器可以进行多种形式的组合:
selector1空格selector2 在1选中的元素中,使用2筛选其后代元素(2不要使用伪类选择器)
selector1>selector2 在1选中的元素中,使用2筛选其子元素
selector1~selector2 在1选中的元素中,使用2筛选其后续兄弟元素
selector1+selector2 在1选中的元素中,使用2筛选其后续紧邻的兄弟元素
selector1,selector2 各个选择器的并集
selector1(没有空格)selector2 各个选择器的交集(复合后可识别才可以这样使用)
CSS控制边框效果
很多HTML元素都有边框,如img、table、td、div、input等
border-style边框样式,枚举值
border-width边框宽度,长度值
border-color边框颜色,颜色值
可以合并上面三个样式属性border:solid 2px red;
还可以分别控制上下左右边框的样式,如border-top-color样式属性
table元素使用border-collapse: collapse; 可以合并单元格边框
CSS控制元素背景样式
很多HTML元素都可以设置背景样式(背景色、背景图片),如body、div等
background-color:red;背景色,颜色值
background-image:url("bg1.jpg");
background-repeat:背景图片平铺方式,枚举值
background-attachment:背景图片是否随内容滚动,枚举值
background-position-x:center;背景图片水平方向位置,枚举值
同样,背景样式也可以写在一起background: url("bg1.jpg") repeat ;