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