css知识库
以下为《css知识库》的无排版文字预览，完整内容请下载
?选择器分类：
?基础选择器
标签选择器
通过标签选择器可以将页面中所有
符号标签选择器的对应标签选中
默认情况下不能给span或者a...标签设置宽度和高度
?补充：
单位：px em px：像素
em: 1em代表一个文字的大小
类选择器
类样式属于一个公共的样式，任何标签都可以通过
class属性调用
一个标签可以同时调用多个类样式
不能使用纯数字或者以数字开头定义类名
不推荐（不能）使用汉字定义类名
不能以特殊字符或以特殊字符定义类名
头: header
内容 : content/containe 尾: focter
导航:nav
侧栏: sidebar 栏目: colume
页面外围控制整体布局宽度：wrapper 左右中: let right center
登录条: loginbat 标志: logo
广 告 : banner 页面主体:main 热点:hot
新闻: news
下载: download 子导航: subnav 菜单: menu
子菜单:submenu 搜索:search
友情链接: friendlink 页脚: footer
版权: copytight 滚动: scroll
内容: content
id选择器
id选择器与类选择器的区别
一个标签只有唯一的一个id值（身份证号）一个标签只能调用一个id样式
通配符选择器（*）
该选择器可以将页面中所有的标签选中。
?复合选择器
标签指定式选择器（交集选择器）
标签名.类名 {}
后代选择器（交集选择器）
选择器 选择器 {属性:值?...}
在后代选择器中，选择器与选择器之间必须设置空
格
后代选择器只能用在嵌套结构的标签中
后代选择器不能选中父元素，只能选中所有的后代元素
（直接子代元素，间接子代元素）
子代选择器
并集选择器
选择器>选择器 {属性: 值? }
子代选择器中标签必须是嵌套结构子代选择器只能选中直接子元素
选择器,选择器 {属性: 值；}
选择器与选择器之间使用逗号隔开 并集选择器标签可以是任何一种结构
?其他选择器（伪类，伪元素，属性。。）
目标伪类选择器
伪类选择器是通过（:） 类名:target {属性:值? }
a:link{属性:值?....} 设置a标签的默认样式
a:visited{属性:值?...} 设置a标签被访问过后的样
式
a:hover {属性:值；} 鼠标悬停标签上的样式
a:active {属性: 值?...} 设置标签被激活状态下的
样式
input:focus {属性: 值；...} 设置获取鼠标焦点的时候的样式
目标伪类选择器配合锚链接使用
当该标签被锚链接指向的时候，那么才会执行里面的css代码
结构伪类选择器
:first-child{}
:first-child{}
:nth-child(n){}
选中父元素中第n个子元素n的取值方式：
n可以取任何数字 0到正无穷n可以设置关键字
odd:获取父元素中第奇数个位置的标签
even：获取父元中第偶数个位置的标签
n可以是表达式 an+b； a和b的取值可以任意整数数字
:nth-last-child(n){} 选中父元素中倒数第n个子元素
伪元素选择器（该选择器只能设置颜色和相关的属性）
::first-line{属性: 值}
div::first-line{}鼠标选中标签中的第一行时
::first-letter{}选中第一个字符字母或汉字时的样式
::selection{}当鼠标选中该标签的时候
属性选择器 内容过长，仅展示头部和尾部部分文字预览，全文请查看图片预览。 ght: auto?
max-width: 100%?
max-height: 100%?
ios:手机端input框光标错位是因为父组件使用的position：fixed；ios对固定定位支持的不好；
修改方法：在弹窗是给body加一个position：fixed；把弹窗父元素的fixed改为absolute 完美解决
css 背景图片加背景渐变色的设置
background: url('../../../assets/starlight.png') no-repeat, linear-gradient(0deg, #12337F, #106790);
[文章尾部最后300字内容到此结束,中间部分内容请查看底下的图片预览]
以上为《css知识库》的无排版文字预览，完整内容请下载
css知识库由用户“aifocus”分享发布，转载请注明出处