发表于: 2018-10-30 20:48:29

1 974


今天完成的事情:

今天上午把前面四个任务重新做了一次,虽然是第二次写但是也不是一次就成功了,果然做过的任务和学过的知识还得经常复习,一样会有新的收获。

接着学习了css的编辑规范,下面记录一下我以前不知道的:

使用四个空格作为一个缩进层级,这个我用的sublim Text3好像默认的就是四个空格;

选择器与 { 之间必须包含空格;

每个选择器必须独占一行;

在同一rule set下的属性在书写时,应按功能进行分类,并以布局、位置>尺寸>文本相关>视觉效果的顺序书写

如果包含content属性,应放到最前面;

清除浮动时最好通过伪类设置clear或触发bfc的方式进行clearfix。尽量不使用增加空标签的方法;

在可控环境下,期望显示在最上层的元素,z-index指定为999;

当数值为0-1之间的小数时,省略整数部位的0;

字体族属性中的字体族应该用字体的英文表示,如有空格,须放到引号中;

字体族应按西文在前,中文在后,效果佳在前,一般的在后,在最后须指定一个通用字体族(serif/sans-serif);

需要在windows平台显示的中文内容,其字号不小于12px;

行高在定义文本段落时,应使用数值:line-height:1.5;

然后了解了任务5的任务详情和验收标准,并进行了切图和测量:

然后布局了header和footer

效果图里面footer的两个按钮好像不不是用<button>标签做的,有点差距。

明天计划的事情:明天主要准备把任务5做完

遇到的问题:今天遇到了垂直居中的问题,查找了一些资料,还没有搞定,明天继续。

收获:通过今天的学习,初步了解了css编辑规范,还得在日后的编辑过程中慢慢落实。



返回列表 返回列表
评论

    分享到