发表于: 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编辑规范,还得在日后的编辑过程中慢慢落实。
评论