css 与文档
[toc]
1. css 是什么
| 序号 |
术语 |
描述 |
| 1 |
css |
Cascading Style Sheet(层叠样式表) |
| 2 |
样式 |
css 可以影响文档表现样式，让其根据自己的定义呈现 |
| 3 |
文档 |
包括但不限于 html,也包括 xml（） |
-
2. 元素与元素框
- 页面中显示的内容为元素，元素显示在元素框（浏览器为其生成)中
- 查看页面中所有元素生成的元素框*{outline: 1px dashed lightgreen;} -根据元素框中的内容提供者，可以将元素分为两类
| 序号 |
术语 |
描述 |
| 1 |
置换元素 |
元素框内容由外部资源提供，元素框就是占位符 |
| 2 |
非置换元素 |
元素框内容由用户提供，浏览器生成， |
3.元素的显示方式
3.1 元素类型
| 序号 |
类型 |
描述 |
| 1 |
块级元素 |
默认生成一个填满父级内容区的元素框，且两侧不能有其他元素出现 |
| 2 |
行内元素 |
默认在一行文本内生成元素框，可水平在一行显示多个同类元素框 |
| 3 |
行内块元素 |
默认在一行内生成元素框，可水平在一行显示多个同类元素，支持设置宽和高 |
浏览器根据元素类型生成不同的元素框：”块级元素框”和”行内元素框”
3.2 display 属性
- 每个元素都可以通过 style =”display:type”控制他的显示类型，即生成什么样的”元素框”
- display 属性常用值
| 序号 |
属性值 |
描述 |
| 1 |
inline 默认 |
行内元素,<span>,<a> |
| 2 |
block |
块级元素< div>,< p> |
| 3 |
inline-block |
行内块级元素 |
4. css 应用到 html 上
| 序号 |
属性值 |
描述 |
备注 |
| 1 |
link 标签 |
< link rel=”stylesheet” href=””> |
外部样式 |
. |
| 2 |
@import 指令 |
@import url()` |
@import’…’` |
外部样式 |
| 3 |
< style>元素 |
<style>...</style> |
内部样式 |
| 4 |
style= “属性” |
<tag style="..."> |
行内样式 |
