关于css中的一些基础知识-lz-3

67 阅读2分钟

如前文所说,css就是给html这个结构润色的所谓样式语言,全称是Cascading Style Sheets,即层叠样式表,不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化(后面这句没懂),如何让css作用到html上呢,首先要在HTML上引入css,相当于把两个语言之间的壁垒打通,引入的方式如下: 1行间样式。(在标签里直接加style,

,这种优先级最高,类似于人的纹身)

2页面级css。head尾部加style(优先级次之,类似于人的内衣)

3外部css文件。head尾部引入link标签,生成之后href(超文本链接)后跟css文件路径(优先级最低,类似于人的外套,但也因此用的最多,方便修改) 引入之后,如何在css页面中将写出的样式作用于特定的html中的结构上呢,就要用到所谓的选择器,这一步相当于把骨架上粘接上血肉,粘接剂就是选择器。选择器有四类:

1id选择器,命名id=,然后css中#+id名(一一对应)

2class选择器,命名class=,然后可以一对多,类选择器

3标签选择器,命名,,,不用命名,直接标签,所有标签都会生效

4通配符选择器,*作用于all。

既然有选择器,那么不同的选择器选择到同一个结构时会发生什么?这就要说一下选择器的优先级规则,即选择器的权重问题,如下(加入了行间样式): !important : infinity(正无穷)

行间样式:1000

id:100

class/属性/伪类:10

标签选择器/伪元素:1

通配符:0

(数值之间的进制是256)