2017.04.13-ORID

Published on:

Objective

css部分知识点自学。

Reflective

情绪随着高低峰变化起伏,高峰是学习Css状态专注,跟着相关例子进行测试查看效果,动脑又动手。
低点是没有练习招聘网代码。

Interpretive

CSS 知识点与作业

css规则由两个主要的部分构成:选择器,以及一条或多条声明。
selector {declaration1; declaration2; ... declarationN }
每条声明由一个属性和一个值构成。
selector {property: value}

margin 与 padding 的差异

元素的内边距在边框和内容区之间。属性名称为 padding 。
CSS padding 属性定义元素边框与元素内容之间的空白区域。
padding 属性接受长度值或百分比值,但不允许使用负值。
margin 属性用作设置外边距,它接受任何长度单位、百分数值甚至负值。

什么是 box model

CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。
元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素。

为何要使用 em 而非 px 来定义字的大小

em是W3C推荐使用的尺寸单位。在开发过程中使用em可以避免遇到在 IE浏览器无法调整文本的问题。

h1 {margin : 10px 0px 15px 5px;}

外边距四元素的顺序是从上边距开始顺时针旋转的,所以它们的值是:
margin-top:10px;
margin-right:0px;
margin-left:5px;
margin-bottom :15px;

Decisional

我们会如何用一句话形容今天的工作

学习过程中只看概念缺少实际运用

有哪些工作需要明天继续努力?

css结合html实战操作,招聘网站练习。