发表于: 2018-05-19 15:45:10
1 543
目前在做平面设计的工作,还在上班,so......给耽搁了
这几天完成的事情:
主要琢磨了在浏览器中表现大小的单位,大概分为两种:
一、相对单位:相对单位,我是这么理解的,就是有个参照物,本身的大小是根据参照物的大小而决定的。
比如单位:vw(当前视口的宽度,也就是浏览器用来展示网页部分的宽度大小的百分比),1vw就等于当前视口宽度的1%。(这一句话超对我来说超级重要,整了好久才整明白是咋回事儿。)
下面在来统一介绍下相对单位,(也是我这几天在工作之余的研究成果)。
1.em:基准点为父节点字体的大小,如果自身定义了font-size按自身来计算(浏览器默认字体是16px),整个页面内1em不是一个固定的值。
2.rem:可理解为”root em”, 相对根节点html的字体大小来计算。
3.vw:viewpoint width,视窗宽度,1vw等于视窗宽度的1%。
4.vh:viewpoint height,视窗高度,1vh等于视窗高度的1%。
5.vmin:vw和vh中较小的那个。
6.vmax:vw和vh中较大的那个。
7.%:百分比。
二、绝对单位:绝对单位,这个就很好理解了,就是绝对的不会发生变化的,不管在什么情况下大小都是固定的。
1.px:绝对单位,页面按精确像素展示。(最常用的)
2.mm:毫米。
3.cm:厘米。
最终九宫格完成,购买了学员专用空间,上传上去,且上传到了gitHub,等待师兄检查。
明天的计划:
在复习一下有关尺寸大小单位方面的东西,然后学习内边距、外边距及盒模型方面的东西,准备攻克下一关!
遇到的问题:
一开始遇到了一些问题,现在回想一下,那些都不是问题。
不过还是有个问题难住我了,那就是 nginx 这玩意儿了,找了教程安装成功了,显示欢迎页面了。
就是配置本地文件,通过其他电脑和手机访问的时候总是失败,也没有过多研究,觉得把大把的时间放在这上面有点浪费了(我时间本来就不多)。
收货:
当然就是学会了九宫格了,这个是废话师兄可以忽略了。
重要的是把常用的一些尺寸单位整明白了。
不得不说的是这一关设置的太好了,在学习CSS 之前先整明白在浏览器中用来表示的大小的单位,在以后的学习或是工作中都是要经常用到的。
评论