响应式
是网页根据显示宽度自动调整内容的模式，即同一套设计元素根据浏览器宽度适配。
自适应是网站根据客户端类型匹配不同版本样式，即根据不同的设备设计不同的样式适配。
字体
字号
- 中文最小字号：12px
- 常规阅读字号：13-15px
- 较大文字字号：15-20px
文本行高：
- 注释文本：字号的 1.4-1.6 倍
- 阅读文本：字号的 1.6-2 倍
- 标题文本：默认字号 Auto
文本段距：行高的 0.4-0.8 倍
字重
- 细体 Light：注释/次要文本
- 常规 Regular：正常阅读文本
- 粗体 Bold：强调/标题文本
字色
- 注释灰度：50-80
- 正文灰度：20-40
- 标题灰度：5-20
| 字号 | 字重 | 字色 | 行高 | 段距 | |
|---|---|---|---|---|---|
| 注释文本 | 12px | Light | 灰度 50-80 | 16-18px | 6-14px |
| 正文文本 | 13-15px | Regular | 灰度 20-40 | 20-30px | 8-24px |
| 标题文本 | 14-20px | Bold | 灰度 5-20 | Auto | 0 |
- 转载请保留原文链接：网页设计基础知识学习笔记 https://aboss.top/post/519/
- 本站所有资源文章出自互联网收集整理，本站不参与制作，如果侵犯了您的合法权益，请联系本站我们会及时删除。
- 本站发布资源来源于互联网，可能存在水印或者引流等信息，请用户擦亮眼睛自行鉴别，做一个有主见和判断力的用户。
- 本站资源仅供研究、学习交流之用，若使用商业用途，请购买正版授权，否则产生的一切后果将由下载用户自行承担。
- 联系方式（#替换成@）：mail#aboss.top
评论