首页 > Web开发 > 详细

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

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

什么是 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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!