前端单位和文件地址
前端单位
px
- 像素单位、常用
- 浏览器默认像素16px
em
- 相对单位,相对于父元素的字体大小
- 不推荐使用(需层层计算,易出错)
rem
- 相对单位,相对于根元素的字体大小(配合jsRem布局使用)
vw
- 视窗的宽度,百分比高度,百分百的视窗宽度100vw
- v -> viewport
vh
- 视窗的高度,百分比高度,百分百的视窗高度100vw
- v -> viewport
max-width
设定最大的宽度max-width: ;
,超出时留白。
min-width
设定最小的宽度min-width: ;
,更小时出现滚动条。
max-height
设定最大的高度max-width: ;
min-height
设定最小的高度max-width: ;
文件地址
绝对地址
- 不会因为当前文件的位置的改变,而使得路径位置改变。
- 协议+域名+文件路径+文件名称
- 协议、域名、端口号可省略
相对地址
- 相对于当前路径的地址,会因为当前文件的位置的改变使得相对路径的具体路径改变。
- 浏览器会根据当前的位置进行拼接具体路径。
-
../
返回上一层