html中什么是权重？_随笔

换种通俗的说法可以理解优先级，比如说你在<p style="color:red"></p>。又在<head>的<style>里写了p{color:green}。那么结果p的颜色为red，因为内联样式 >内部样式

元素会被多个样式一层层作用，这就是层叠样式表的来源。如果多个样式作用在元素上就会产生优先级权重的问题。

零、属性后面使用!important，权重最大，会覆盖页面内任何位置定义的元素样式。

一、内联样式，权重为1000【写在HTML元素的style属性中】

二、ID选择器，权重为0100【非内联样式】

三、类、伪类、属性选择器，权重为0010【非内联样式】

四、标签、伪元素选择器，权重为0001【非内联样式】

五、通配符、子选择器、相邻选择器等，权重为0000【非内联样式】

六、继承的样式没有权重

注意

没有权重 和 权重为0 ， 权重为0 的权重比 没有权重 的大，优先级高

1、选择器中 ID选择器 的权重【a = 数量 * 权重】

2、选择器中 类、伪类、属性选择器 的权重【b = 数量 * 权重】

3、选择器中 标签、伪元素选择器 的权重【c = 数量 * 权重】

4、最终的权重w = a + b + c

运行截图

width：宽度【块级元素的会继承父类的内容宽度contentwidth，】

color：字体的颜色

align=left左对齐。

HTML语言的基本结构元素以及其作用。

标题

正文部分

这个例子包含了html中最基本的元素，首先是<html></html>这一组标记符，然后在它里面是标记符的元素体。html元素的元素体由两大部分组成，头元素<head></head>,体元素<body></body>另外还有一些注释。这样就可以形成一个个我们看到的美伦美奂的网页。

1、“文件头”标记符()

文件头标记符也就是通常见到的标记符，标记符在网页中是看不到的，因为它包含在HTML语言的“…”标记符之间，而通常我们所见到的网页内容只有在“…”之间的才可以在文档中显示出来.

2、“文件标题”（Title）

Title元素是文件头里唯一一个必须出现的元素，它也只能出现在文件头里.它的格式如下：

标题

标题表示该HTML文件的名称，是对文件的概述。标题对于一个文件来说是非常重要的，我们可以从一个好的标题中判断出该文件大概的内容。不过文件的标题一般不会显示在文本窗口中，而以窗口的名称显示出来。

3.“文件体”标记符（body）

文件体标记符由开始.结束，它的中间是网页文档的正文部分。我们在网页中进行的背景颜色的设定，或是图片的设定或是连结字体的颜色,都要放在这个标记符里。

4.“标题”标记符（hn）

欢迎分享，转载请注明来源：内存溢出

html中什么是权重？