一、CSS是什么
1.CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称,有时我们也会称之为 CSS 样式表或级联样式表。
2. CSS 是也是一种标记语言,CSS 主要用于设置 HTML 页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。
3. CSS 最大价值: 由 HTML 专注去做结构呈现,样式交给 CSS,即 结构 ( HTML ) 与样式( CSS ) 相分离
二、CSS的特点
CSS 是 Web 领域的一个突破,它为 HTML 提供了一种描述元素样式的方式,使用 CSS 和 HTML 可以制作出外形优美的网页。总体来说 CSS 具有以下特点:
1.丰富的样式定义
CSS 提供了丰富的外观属性,可以在网页中实现各式各样的效果,例如:
- 为任何元素设置不同的边框,以及边框与元素之间的内外间距;
- 改变文字的大小、颜色、字体,为文字添加修饰(例如下划线、删除线);
- 为网页设置背景颜色或者背景图片等等。
2.易于使用和修改
CSS 的样式信息不仅可以定义在 HTML 元素的 style 属性中,也可以定义在 HTML 文档 <head> 标签内的 <style> 标签中,还可以定义在专门的 .css 格式的文件中,之后再将其引用到 HTML 文档。
3.层叠
层叠就是指可以对同一个 HTML 元素多次定义 CSS 样式,后面定义的样式会覆盖前面定义的样式。
三、CSS语法规范
CSS 样式规则由三个部分组成,分别是选择器、属性和值:
- 选择器:由 HTML 元素的 id、class 属性或元素名本身以及一些特殊符号构成,用来指定要为哪个 HTML 元素定义样式,例如选择器
p
就表示为页面中的所有<p>
标签定义样式; - 属性:您希望给 HTML 元素设置的样式名称,由一系列关键词组成,例如 color(颜色)、border(边框)、font(字体)等;
- 值:由数值和单位或者关键字组成,用来控制某个属性的显示效果,例如 color 属性的值可以是 red 或 #F1F1F1 等。
如图所示:
在CSS 的语法规则中,属性和值之间需要使用冒号:
进行分隔,每个属性和值的组合可以看作一个声明,每个声明的末尾都需要使用分号;
作为结尾,属于同一选择器的声明需要使用花括号{ }
包裹起来。
为了让CSS 更具可读性,您可以在定义 CSS 时每一行代码上放置一个声明,如下所示:
h1{
color: blue;
background-color: aqua;
}