首先,先给出一个学习css的网址:http://www.w3school.com.cn/css

Css的引入方式有三种:

1:内联式
2:外联式
3:嵌入式

Css格式

image.png

常用的选择器:

1.#id
2..class
3.元素选择器
4.属性选择器

css继承:

-存在定义位置上的父子关系时
-此时可以指定儿子css值为inherit,表示继承父亲
-某些默认为继承的属性：如font,color
-某些默认为不继承的属性：如border

选择器权重

image.png

单位

image.png

盒子模型

-高宽的范围由：box-sizing限制，取值如下：
-content-box(默认)
-border-box:将border计算在内

image.png

display行为

-none消失，注意与visible:false
-block: 高宽有效（默认：填充宽度，无高度），独占一行
-inline:高宽失效，其完全由内容决定（默认：无宽度，无高度），会在同行排列。
-inline-block:高宽有效,会在同行排列