发表于: 2021-03-16 21:14:11

2 1139


今天完成的事情:任务四提交,任务五基本雏形。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种媒体类型。








返回列表 返回列表
评论

    分享到