发表于: 2021-03-16 21:14:11
2 1142
今天完成的事情:任务四提交,任务五基本雏形。CSS代码的规范书写。
明天计划的事情:任务五完成,看深度思考,学习基础知识。
遇到的问题:任务五中,窗口限制大小后右边滚动条滚动顶部和底部的页面被隐藏?
关于flex的知识的知识没看明白!?
vertical-align和line-height 不太会运用。
收获:代码的书写规范性:
属性书写顺序,同一 rule set 下的属性在书写时,应按功能进行分组,
以 Formatting Model(布局方式,位置)>Box Model(尺寸)>Typographic(文本相关)> Visual(视觉效果)的顺序书写,便于提高代码的可读性。
属性值:
Formatting Model 相关属性包括:position / top / right / bottom / left / float / display / overflow 等;
Box Model 相关属性包括:border / margin / padding / width / height 等;
Typographic 相关属性包括:font / line-height / text-align / word-wrap 等;
Visual 相关属性包括:background / color / transition / list-style 等;
如果包含 content (内容)属性,应放在最前面。
媒体类型(Media Type)初步了解
媒体类型(Media Type)在css2中是一个常见的属性,也是一个非常有用的属性,可以通过媒体类型对不同的设备指定不同的样式,
在css2中我们常碰到的就是 all(全部),screen(屏幕),print(页面打印或打邱预览模式),其实在媒体类型不止这三种,w3c总共列出了10种媒体类型。
评论