2021/6/8 css记忆

'''
一、css语法
1. css标准语法
选择器 {
属性名: 属性值;
...
}
{} --> 声明
2. css注释
/* 多行、单行注释都是这个 */
3. css的三种引用方式
style='声明'
<style>css代码</style>
<link rel='stylesheet' href='css_path' type='text/css'/>
二、css选择器
1. 基本选择器
label {}
#id {}
.class {}
* {}
2. 组合选择器
label label {} 所有后代
label>label {} 仅限儿子
label+label {} 向下邻居第一个
label~label {} 所有兄弟
3. 属性选择器
label[attribute]
label[attribute='']
label[attr^='']
label[attr$='']
label[attr*='']
label[attr~='']
4. 伪类选择器
:link
:visited
:active
:hover
:focus
5. 伪元素选择器
:first-letter
:before
:after
6. 选择器优先级
内联1000>id100>class10>元素1>继承0
三、分组和嵌套
1. 分组
label1,
label2,
...{

}
2. 嵌套
label1 #id{}
四、继承
父级标签的样式,子类将有条件的继承,且继承父类样式的优先级最低,只有0
不能继承的属性:border,padding,background,margin等
border margin background padding等






'''
上一篇:CSS学习日记1——CSS各种选择器


下一篇:Ajax请求导出Excel的问题