发表于: 2018-05-23 21:25:43

1 574


今天完成的事情:

上午看了一点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选择器,后代选择器


返回列表 返回列表
评论

    分享到