这是我参与「第四届青训营 」笔记创作活动的的第1天
选择器
组合选择
| 名称 | 语法 | 说明 |
|---|---|---|
| 直接组合 | AB | 满足A同时满足B |
| 后代组合 | A B | 选中B,如果他是A的子孙 |
| 亲子组合 | A>B | 选中B,如果他是A的子元素 |
| 兄弟选择器 | A~B | 选中B,如果它在A后面并且和A同级 |
| 相邻选择器 | A+B | 选中B,如果它紧跟在A后面 |
颜色-RGB
指定每一种原色数量的多少来表示指定的颜色
颜色表示法
1.rgb()
2.#8fac87(红绿蓝)
3.HSL (Hue(色相)-Saturation(饱和度)-Light(亮度))
一般在调整亮度会用到
4.alpha 透明度
字体 font-family
通用字体组
1. serif衬线体 georgia、宋体
2.sans-Serif 无衬线体
黑体
3.cursive 手写体
楷书
4.fantasy
5.等宽字体
中文字体
font-style字体样式
fon-weight 字重
line-height 行高
white-space
normal
norwrap
强制不换行
pre
保留所有的,包括空格和换行
pre-wrap
一行显示不下的时候自动换行
pre-line
需要合并空格,但是保留换行
选择器的特异度
特异度越高优先级越高 id>(伪)类>E
继承
某些属性会自动继承其父元素的计算值,除非显示指定一个值
继承不可继承的属性
box-sizing:inherit(显示继承)
初始值
CSS中每个属性都有一个初始值
background-color的初始值为transprant
可以使用initial关键字显示重置为初始值
background-color:initial
布局
相关技术
常规流
行纪,块级,表格布局,FlexBox,Grid布局