前端开发

这个实例我们使用background-color来设置Css的背景颜色，我们把第一个标题2元素设置为橙色背景，第二个标题2元素设置为蓝色背景，还把标题2字体设置为白色。

实例代码：

这一节，我们来学习HTML 和 CSS 注释对比区别，html元素使用<!-- --> 来对代码进行注释，而CSS使用/*   */  来对代码进行注释，在网页中这两种注释都不会被浏览器显示。

实例代码

当某一个html元素定义了多个CSS样式，css会使用哪种样式呢? css样式会按叠层的规则来对html元素进行优先级的应用。

第一级为：行内样式（在html标签内）

第二级为：外部链接样式和内部样式（在head标签内）

第三级为：浏览器默认样式。

实例代码：

如果一个页面当中有多个样式表，比如：一张网页中有内部样式又有外部样式，那么，它是如何进行样式应用的先后顺序呢？这一节我们就来学习这个问题。

第一种：外部样式在前，则内部样式优先。

实例代码：

使用CSS样式有三种使用方法：

第一种：使用内部css样式，内部样式是在head部分的<style>元素中进行定义。

实例代码：

分组选择器是把多个html元素分为一组或多组再进行css样式设定。这样可以大大减少重复的代码，简洁明了，增加代码的可读性。

实例代码：

通用选择器是在html元素前加上“*”号，代表所有元素都应用css样式。

实例代码：

实例代码:

实例代码：

类选择器就是利用class属性为html元素定义一个属性值，然后在css样式表中引用属性值来设置css样式。

实例代码：