CSS尺寸
目录
元素宽度定义
width属性
尺寸属性值的写法（单位）有几种？
视口是什么
1.元素的宽度指什么？
元素的宽度指元素在文档中占据的空间的大小。
宽度的计算 = 内容区宽度 + 内边距 + 边框 + 外边距
2.width属性
定义：用于定义元素的宽度
说明：宽度包含外边距，但是width不定义外边距的尺寸。
3.尺寸属性值的写法（单位）有几种？
绝对单位
数字世界里的长度单位
px：像素 pixel
例：100px：该元素在任何情况（分辨率）都显示100px
现实世界中的长度单位
cm:厘米
mm：毫米
pt：磅
inch：英寸
相对单位
1.% ： 参照父元素计算尺寸
2.em ：参照当前元素的font-size计算尺寸
3.rem ： 参照HTML的font-size计算尺寸
4.vh/vw ：
vh：表示视口(viewport)高度的百分之一。 v：表示viewport h:表示height
vw：表示视口宽度的百分之一。 v：表示viewport w:表示width
与尺寸相关的属性
- height 高
- min-height 最小高
- max-height 最大高
- width 宽
- min-width 最小宽
- max-width 最大宽
- padding 内边距
- margin 外边距
- line-height 行高
- font-size 尺寸
- border 边框
vh：表示视口(viewport)高度的百分之一。 v：表示viewport h:表示height
vw：表示视口宽度的百分之一。 v：表示viewport w:表示width
一、视口是什么
视口是网页的可见区域。
vh：viewport height
