css层叠样式表

CSS概述

CSS(Cascading Style Sheets的缩写),翻译为“层叠样式表”或者“级联样式表”,简称样式表

主要作用

为了让网页元素的样式更加丰富,也为了让网页的内容和样式能拆分开,CSS由此思想而诞生,CSS是 Cascading Style Sheets 的首字母缩写,意思是层叠样式表。有了CSS,html中大部分表现样式的标签就废弃不用了,html只负责文档的结构和内容,表现形式完全交给CSS,html文档变得更加简洁

它主要是用来给HTML网页来设置外观或者样式

外观或者样式:HTML网页中的文字的大小、颜色、字体,网页的背景颜色、背景图片

具体css该怎么用呢?有如下三种方式

1,内联样式

把样式写在标签里

2,内部样式

把样式写在head里,给要设置样式的元素取个类名或id名,写样式时类名前面加“.”,id名前面加“#”。

3,外部样式

外部样式,在外面创建一个写样式的css文件,在head里用link标签引入css文件,href后面写文件路径

在给同一元素标签设置样式时内联样式优先级高于内部样式高于外部样式。

在给同一元素标签设置同样的样式时后面的样式覆盖前面的样式。

id名优先于类名,id名不能重复,类名可重复

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20171216A0A7AB00?refer=cp_1026

扫码关注云+社区