人机交互实践03-课堂笔记
Posted Ekko丶
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了人机交互实践03-课堂笔记相关的知识，希望对你有一定的参考价值。
课堂笔记
1.样式单的优点
- 只需稍加编辑，就能够改变文档的整个外观
- 同一个样式单可应用于多个文档
- 标记简洁可维护
2.样式单的三种插入方式
- 外联式样式单 <link>标记
- 内联式样式单 <style>标记
- 嵌入式样式单 style属性 (慎用)
当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。
当单个文档需要特殊的样式时，就应该使用内部样式表。
当同一个 HTML 元素被不止一个样式定义时，会使用哪个样式呢？
一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。
- 浏览器缺省设置
- 外联式样式单
- 内联式样式单（位于 <head> 标签内部）
- 嵌入式样式单（在 html 元素内部）
因此，嵌入式样式单（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：<head> 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。
3.CSS基本属性
（1）字体属性
| 属性 | 描述 |
| font-family | 设置字体系列 |
| font-size | 设置字体尺寸 |
| font-style | 设置字体风格 |
| font-weight | 设置字体粗细 |
| line-height | 设置行高 |
| color | 设置字体颜色 |
（2）背景属性
| 属性 | 描述 |
| background-color | 设置元素背景颜色 |
| background-image | 把图像设置为背景 |
| background-repeat | 设置背景图像是否及如何重复 |
| background-attachment | 背景图像是否固定或者随着页面的其余部分滚动 |
| background-position | 设置图像初始位置 |
以上是关于人机交互实践03-课堂笔记的主要内容，如果未能解决你的问题，请参考以下文章