发表于: 2018-05-23 21:25:43
1 575
今天完成的事情:
上午看了一点Bootstrap
只知道他是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。它好像是一个新的写代码的语言。
然后看了深度解析使用css单位总结了这几点但是没有找到这些单位的适用场景。
1、px:绝对单位,页面按精确像素展示
2、em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算(浏览器默认字体是16px),整个页面内1em不是一个固定的值。
3、rem:相对单位,可理解为”root em”, 相对根节点html的字体大小来计算,CSS3新加属性,
4、vw、vh、vmin、vmax 主要用于页面视口大小布局,相对于rem;v*在页面布局上更加方便简单
vw:viewpoint width,视窗宽度,1vw等于视窗宽度的1%。
vh:viewpoint height,视窗高度,1vh等于视窗高度的1%。
vmin:vw和vh中较小的那个。
vmax:vw和vh中较大的那个。
5、其它的单位还有:
%:百分比
in:寸
cm:厘米
mm:毫米
下午的时候看了子元素的类选择器
与后代选择器相比,子元素选择器(Child selectors)只能选择作为某元素子元素的元素
如果从右向左读,选择器 h1 > strong 可以解释为“选择作为 h1 元素子元素的所有 strong 元素”。
以及一些常用的ID选择器
还写了一点任务七的头目,但任务的Bootstrap 还需要去深度理解吧?
明天计划的事情:
把东西整理一下,写一点任务七
遇到的问题:
就是有的单位还没有去深度了解
收获:
子元素选择器的用法,以及ID选择器,后代选择器
评论