对 CSS 的初步了解 —— 什么是CSS

什么是 CSS?

  1. CSS 指层叠样式表 (Cascading Style Sheets)

  2. 样式定义如何显示 HTML 元素

  3. 样式通常存储在样式表

  4. 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题

  5. 外部样式表可以极大提高工作效率

  6. 外部样式表通常存储在 CSS 文件

  7. 多个样式定义可层叠为一

CSS与HTML结合的方式

  1. 内联样式
  2. 内部样式
  3. 外部样式

内联样式

在标签内使用style属性指定css代码。

举例如:

对 CSS 的初步了解 —— 什么是CSS

Google浏览器中查看:

对 CSS 的初步了解 —— 什么是CSS

内部样式

在head标签内,定义style标签,style标签的标签体内容就是css代码。

举例如:

对 CSS 的初步了解 —— 什么是CSS

Google浏览器中查看:

对 CSS 的初步了解 —— 什么是CSS

外部样式

步骤:

  1. 定义css资源文件。

  2. 在head标签内,定义link标签,引入外部的资源文件。

举例如:

1、定义css资源文件

对 CSS 的初步了解 —— 什么是CSS

2、在head标签内,定义link标签,引入外部的资源文件。

对 CSS 的初步了解 —— 什么是CSS

或者:

对 CSS 的初步了解 —— 什么是CSS

Google浏览器中打开,查看效果:

对 CSS 的初步了解 —— 什么是CSS

三种方式的作用范围:内联样式 < 内部样式 < 外部样式

相关推荐