概述
复合选择器
总结
选择器 | 作用 | 符号 |
---|---|---|
后代选择器 | 用来选择元素后代 | 符号空格分隔 |
子代选择器 | 选择最近一级元素 | 符号是> |
交集选择器 | 选择两个标签交际的部分 | 没有符号 |
并集选择器 | 选择某些相同样式的选择器 | 符号是逗号 |
链接伪类选择器 | 给链接更改状态 |
三元素
- 块元素
常见的块元素有h1-h6、p、div、ul、ol、li等
特点:喜欢独占一行,可以设置宽高 - 行内元素
常见的有a、strong、b、em、i、del、s、ins、u、span等,其中span最常用
特点:不会独占一行,与别的行内元素或行内块元素共享一行,不能设置宽高 - 行内块元素
常见的行内块有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:颜色 地址 是否平铺 滚动 位置
最后
以上就是优秀小笼包为你收集整理的css复合选择器的全部内容,希望文章能够帮你解决css复合选择器所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复