html css全局属性,HTML class 全局属性

HTML class 全局属性

class引用html元素的css样式类，类在html中有ID属性类和CLASS属性类，其中ID类是用"#"来识别，CLASS类则是用"."来识别。ID在一个网页中只能被引用一次，而CLASS类可以被多次引用。

引用是什么意思呢？

比如一个仓库，里面有颜料和放大镜等工具，工具好比是各个类，用来改变html文字颜色或者是大小。具体引用什么就用什么类，所以就给每个样式定义了一个编号也就是#a或.a中的a就是编号。然后在引用时就可以用ID=a 或CLASS=a来引用。

语法

样式类的命名规则必须以字母 A-Z 或 a-z 开头

可以是以下字符： (A-Za-z), 数字 (0-9), 横杆 ("-"), 和 下划线 ("_")

在 HTML 中, 类名是区分大小写的

支持浏览器

使用 class 属性

html>

炫代码(www.xuandaima.com)

h1.title {color:blue;}

p.paragraph {color:green;}

没加class标题

加了class标题

没加class段落。

加了class的段落

多个元素使用一个class

html>

炫代码(www.xuandaima.com)

p.paragraph {color:green;}

我加了paragraph类的段落

我没加任何类的段落。

我也加了paragraph类的段落

一个元素使用多个class

使用多个class 在类名和类名之间中间用空格隔开，class属性的空格是“且”的关系。实现叠加效果。

html>

炫代码(www.xuandaima.com)

.paragraph {color:green;}

.background {background-color:yellow;}

我加了paragraph类的段落

我没加任何类的段落。

我也加了paragraph和 background类的段落