CSS复习(二)


复合选择器

选择器可以进行多种形式的组合:

selector1空格selector2   1选中的元素中,使用2筛选其后代元素(2不要使用伪类选择器)

selector1>selector2       1选中的元素中,使用2筛选其子元素

selector1~selector2    1选中的元素中,使用2筛选其后续兄弟元素

selector1+selector2    1选中的元素中,使用2筛选其后续紧邻的兄弟元素

selector1,selector2     各个选择器的并集

selector1(没有空格)selector2    各个选择器的交集(复合后可识别才可以这样使用)

CSS控制边框效果

很多HTML元素都有边框,如imgtabletddivinput

border-style边框样式,枚举值

border-width边框宽度,长度值

border-color边框颜色,颜色值

可以合并上面三个样式属性border:solid 2px red;  

还可以分别控制上下左右边框的样式,如border-top-color样式属性

table元素使用border-collapse: collapse; 可以合并单元格边框

CSS控制元素背景样式

很多HTML元素都可以设置背景样式(背景色、背景图片),如bodydiv

background-color:red;背景色,颜色值

background-image:url("bg1.jpg");

background-repeat:背景图片平铺方式,枚举值

background-attachment:背景图片是否随内容滚动,枚举值

background-position-x:center;背景图片水平方向位置,枚举值

同样,背景样式也可以写在一起background: url("bg1.jpg") repeat ;



猜你喜欢

转载自blog.csdn.net/luzhangtong/article/details/80919755
今日推荐