CSS基础学习第二节:CSS的基本概念

上一篇CSS的文章里面让大家大概的了解了下CSS,都可以看出,CSS是一种强化网站前端开发,让网站前端开发更丰富和多样化的语言,那么,我们先来看看CSS 概述:

  • CSS 指层叠样式表 (Cascading Style Sheets)
  • 样式定义如何显示 HTML 元素
  • 样式通常存储在样式表
  • 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题
  • 外部样式表可以极大提高工作效率
  • 外部样式表通常存储在 CSS 文件
  • 多个样式定义可层叠为一

CSS的好处:

  • 解决了HTML在不同浏览器里面的排版有差异而引起的排版问题
  • 极大的提高了工作效率
  • 多重样式将层叠为一个

关于层叠次序:

当同一个 HTML 元素被不止一个样式定义时,会使用哪个样式呢?

一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权。

  1. 浏览器缺省设置
  2. 外部样式表
  3. 内部样式表(位于 <head> 标签内部)
  4. 内联样式(在 HTML 元素内部)

因此,内联样式(在 HTML 元素内部)拥有最高的优先权,这意味着它将优先于以下的样式声明:<head> 标签中的样式声明,外部样式表中的样式声明,或者浏览器中的样式声明(缺省值)。

【以上内容整理自互联网】

好了,基础的认识也就到这里,我们下一节继续深入讲解!

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

目前评论:2   其中:访客  0   博主  0

  1. avatar 非常落伍 2

    唉,我的友情链接里,就你最坚挺,其它全被K了,一定要努力更新啊大哥。

    • avatar yumanutong 5

      @非常落伍 最近比较忙,还去了深圳一个星期,呵呵!

评论加载中...

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

图片 表情