什么是CSS
层叠样式表Cascading Style Sheets,缩写为 CSS,是一种样式表语言,用来描述HTML或XML(包括如SVG、MathML、XHTML 之类的 XML 分支语言)文档的呈现。
CSS描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题
CSS 是开放网络的核心语言之一,由W3C规范实现跨浏览器的标准化。CSS节省了大量的工作。
CSS指层叠样式表,样式定义如何显示HTML元素,样式通常存储在样式表中
- 把样式添加到HTML中是为了解决内容与表现分离的问题
- 样式表的定义方式
- 嵌入式:在标签中以style属性出现
- 内联式:在head标签里添加 标签
- 外联式:以css扩展名的文件独立存在的方式
- 外部样式表可以极大提高工作效率,外部样式表通常存储在 CSS 文件中
- 样式可以通过定义保存在外部.css文件中,同时控制多个网页的布局,这意味着开发者不必经历在所有网页上编辑布局的麻烦
- 多个样式定义可层叠为一个
- CSS被分为不同等级:CSS1现已废弃,CSS2.1是推荐标准,CSS3分成多个小模块且正在标准化中
菜鸟教程(runoob.com)
这个标题设置的大小为 36 pt
这个标题设置的颜色为蓝色:blue
这个段落的左外边距为 50 像素:50px

CSS基础语法
CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明

- 选择器通常是需要改变样式的 HTML 元素
- 每条声明由一个属性和一个值组成
- 属性property是希望设置的样式属性style attribute。每个属性有一个值。属性和值被冒号分开。

CSS 注释
- 注释是用来解释你的代码,并且可以随意编辑它,浏览器会忽略它
- CSS注释以 /* 开始, 以 */ 结束
/*这是个注释*/
p {
text-align:center;
/*这是另一个注释*/
color:black;
font-family:arial;
}
使用CSS
CSS可以通过以下方式添加到html中:
内联样式:在HTML元素中使用style属性
内部样式表:在HTML文档头部 区域使用
1
2

对比从上到下的情况,我们可以看出,当盒子跟盒子是平级的时候,盒子排列方式与标签到书写结构没有关系。但盒子的排列先后顺序与标签的书写先后顺序有关。
界面上盒子在上面的,对应文档中的标签先写
界面上盒子在左侧的,对应文档中的标签先写