文档流、样式表、长度单位的几点介绍

文档流

内联元素

• 从左到右依次排列
• 如果宽度不够，自动换行

块级元素

• 从上到下依次排列
• 每个块级元素会另起一行

如何在HTML引入CSS？

外联式

内联式

嵌入式

标签内style=" "

JS添加css

css里添加css

@import url()

语法

1. 样式规则
   选择器{
   属性：属性值；/冒号不能错，分号不能省，最后一个可以/
   }
2. at规则
   @charset 'utf-8'
   @import url(地址) / "地址"

值（CSS 2.1）

1. 整数和小数（line-height可以height不可以）
2. 长度
   相对长度
   1em近似1M的宽度，M宽度由fontsize控制
   绝对长度
   1px由屏幕分辨率1920*1080决定，显示屏幕1920分之一
   CSS3相对单位：50vw（viewport视口50%宽度）、50vh（viewport视口50%高度）

补充

国外网站CSS，查询属性值有哪些浏览器可以用
canluse.com