CSS

198 阅读1分钟

这是我参与「第四届青训营 」笔记创作活动的的第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布局

浮动

绝对定位