Web前端单位和网络地址知识

简单的介绍

单位

• px:像素单位

• em:相对单位,相对于父元素的字体大小(不推荐使用)

• rem:相对单位,相对于根(html)root元素的字体大小(配合jsRem布局使用)

• Vw:v->viewport视窗的宽度,百分比的高度,百分之百的视窗宽度100vw

• Vh:v->viewport视窗的高度,百分比的高度,百分之百的视窗高度100vh

• 设定最大宽度:max-width:00px

• 设定最小宽度:min-width:00px

• 设定最大高度:max-height:00px

• 设定最小高度:min-height:00px

网络地址

• 相对地址:相对于当前路径的地址,会因为当前文件的位置的改变使得相对路径的具体路径改变.浏览器会根据当前的位置进行拼接具体路径
• 绝对地址:不会因为当前文件的位置的改变,而使得路径位置改变
• 直接是文件名称:index.html,等同于./index.html,相对路径.浏览器会根据当前的位置进行拼接具体路径.
• 返回上一层: …/…/index.html,相对路径,浏览器会返回上一层路径在进行拼接
• 正常的绝对路径:协议+域名+文件路径+文件名称