发表于： 2018-06-01 18:12:47
2 542
今天完成的内容
a.学习了css书写规范与顺序；
b.完成任务4全部步骤。
c.进行验收检查：
1.还原设计图：保证做出的页面和设计图一致（完成）
2.自适应：调整浏览器的宽度不会出现滚动条，小格子会随着窗口宽度大小变化，不会变形（完成）
3.兼容性：使用其他浏览器如firefox、IE10+等查看保证展示效果一致（完成）
4.编码规范：文件必须用UTF-8编码（完成）
5.编码规范：标签属性必须为小写字母，标签必须合并，属性值由双引号包含（完成）
6.编码规范：css使用外联的方式，放到<head></head>之间（完成）
7.编码规范：css控制样式时不得使用id（完成）
8.编码规范：class命名不得使用拼音或无意义字母数字（完成）
明天计划：
任务3的深度思考并对任务4知识点学习
疑问：
移动端：使用手机查看时保证页面主体内容不会缩到一个角落，而是和设计图一样占满全屏；图片和文字大小和PC端大小近似，任何一端都不会出现过大过小的情况。（未完成：<div>块没有完全跟着页面平铺，只占据了居中的一部分，暂时没有解决。晚上有事情所以搁浅到明天）
<div>块开始间隔分布并不完美。文字和下面LOGO开始没有撑开，后来通过添加一条：padding-bottim.的CSS块进行空间撑开来达成间隔效果。
收获：
PS的传统切画；精确切画；自动切画和拓展学习；
css书写顺序
1.位置属性(position, top, right, z-index, display, float等)
2.大小(width, height, padding, margin)
3.文字系列(font, line-height, letter-spacing, color- text-align等)
4.背景(background, border等)
5.其他(animation, transition等)
css简写的学习
额外知识：margin元素值为百分比时，其百分比相对于父元素的width来计算
padding同上
返回列表
评论