发表于: 2017-03-13 20:36:36

1 668


今天完成的事情:


完成header和footer的布局,并为其添加按钮。

添加按钮时学到可以直接用“.btn”设定按钮样式,类似的样式标签还有很多,用于不同的要求,不过在菜鸟教程看到左侧边栏的时候还是吓了一跳,bootstrap内容真特么多啊:


设定按钮在header、footer中的位置时,学到可以设定line-height,以前只知道可以设定height与line-height同等高度时可以让单行文字垂直居中,但是,还可以设定倍数:

比如设定“line-height:1.5”,大部分css属性后设定的值必须带单位,但是line-height可以设定不带单位的纯数字,关键是“继承性”!这样设定的行间距是按照你设定的font-size的倍数变化的,而你的font-size在不同浏览器宽度大小变化时它也会跟着变化,三个字“自适应”。


做footer时尝试将上个任务中ul、li标签用在里面,感觉html看起来会更简洁一些,然后再在li里添加button按钮和跳转链接从逻辑上更容易理解。


学习meta元标签,理解标签中各项声明的在页面中的作用,通俗一点理解viewport就是浏览器上用来显示网页的那部分区域,但是它本身是可能比浏览器可视区域大,也可能小,那么问题就来了,有的大有的小这页面按照什么规则来显示呢?

viewport就是定义各种情况下怎麼显示给出一个标准避免显示错误的声明,具体的原理就在浏览器解析页面之前优先声明给它一个规则,让它按照我们期望的规则来,妥了!


明天要做的事情:

写完任务六。


遇到的问题:

bootstrap内容好多啊,师兄给建议看哪些重要或者用的频率高一些优先学习,我老是发散思维看到有哪儿不明白就顺着过去了,怕跑太远了,给画个圈呗


收获:

买瓶眼药水对学习效率的提高高于三个优秀学习方法!


返回列表 返回列表
评论

    分享到