CSS

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

实例代码

在css样式中的注释是用/*……*/  斜杠和星号组成的，以 /* 开始，以 */ 结束。注释语句一般跟在元素后面，也可单独写一句或多句。注释语句是不会在html页面显示的，浏览器会忽略它。

实例代码：

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

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

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

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

实例代码：

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

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

实例代码：

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

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

实例代码：

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

实例代码：

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

实例代码：

实例代码:

实例代码：

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

实例代码：