码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-02-26 01:10:28      阅读:90      评论:0      收藏:0      [点我收藏+]

标签:info   三种方式   式表   ted   pac   分离   作用   方式   样式表   

什么是 CSS?

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

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

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

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

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

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

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

 

CSS与HTML结合的方式

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

内联样式

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

举例如:

技术图片

Google浏览器中查看:

技术图片

 

内部样式

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

举例如:

技术图片

Google浏览器中查看:

技术图片

 

外部样式

步骤:

  1. 定义css资源文件。

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

举例如:

1、定义css资源文件

技术图片

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

技术图片

或者:

技术图片

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

技术图片

 

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

 

          

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

标签:info   三种方式   式表   ted   pac   分离   作用   方式   样式表   

原文地址:https://www.cnblogs.com/liyihua/p/12364797.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!