css复合选择器

复合选择器

总结

选择器	作用	符号
后代选择器	用来选择元素后代	符号空格分隔
子代选择器	选择最近一级元素	符号是>
交集选择器	选择两个标签交际的部分	没有符号
并集选择器	选择某些相同样式的选择器	符号是逗号
链接伪类选择器	给链接更改状态

三元素

1. 块元素
   常见的块元素有h1-h6、p、div、ul、ol、li等
   特点：喜欢独占一行，可以设置宽高
2. 行内元素
   常见的有a、strong、b、em、i、del、s、ins、u、span等，其中span最常用
   特点：不会独占一行，与别的行内元素或行内块元素共享一行，不能设置宽高
3. 行内块元素
   常见的行内块有img、input、td等
   特点：不会独占一行，与别的行内元素或行内块元素共享一行，可以设置宽高。

标签的转换

块转行内；display：inline;
行内转块：display：block；
转换为行内块：display：inline-block；

css背景

• 背景颜色
  background-color：颜色值（默认透明 transparent）；

• 背景图片
  background-image：none/url(图片地址)；

• 背景平铺
  background-repeat：参数；

参数	作用
repeat	背景纵向横向上平铺
no-repeat	背景图像不平铺
repeat-x	横向平铺
repeat-y	纵向平铺

• 背景位置
  background-position：length || length
  background-position：position || position
  length 代表 百分数 position方位词

• 背景简写
  background：颜色 地址 是否平铺 滚动 位置