css和html的关系(css的三大特性)

css和html的关系

1、Css是级联样式表的缩写，即级联样式表。它是W3C协会开发和发布的网页布局标准，是HTML语言功能的补充。
2、HTML和CSS的区别是什么？
1.不同的定义：
Html是超文本标记语言HyperTextMark-upLanguage的缩写，是超文本的标记语言；
Css是级联样式表的缩写，即级联样式表。它是W3C协会开发和发布的网页布局标准，是HTML语言功能的补充。
2.不同用途：
Html用于文本内容，包括头部和正文。标题描述了浏览器所需的信息，正文包含要解释的特定内容。
Css多用于样式，其主要目的是控制网页中的字体、颜色、背景、图像等元素，使网页能够完全按照设计者的要求显示。
3.CSS语法与HTML语法完全不同：
HTML中的代码是一个函数标记，例如DIV、SPAN、a链接、em标记、I斜体标记、u下划线等。HTML代码语法示例为：<DIV>content</DIV>
CSS样式代码语法为div｛styleword:value｝
3、HTML和CSS联系人：
CSS和HTML之间的相似之处在于它们共同工作以实现所需的网页布局样式。

css的三大特性

CSS的三大特性：层叠性，承继性，优先级：
（1）层叠性：相同选择器给设置相同的款式，此刻一个款式就会覆盖另一个抵触款式：
准则：款式抵触-遵循的准则是就近准则，哪个款式理结构近，就执行哪个款式；
款式不抵触-不会层叠。
（2）承继性：子标签会承继父标签的某些款式，如文本颜色，字号。
行高承继性：body{font:12px/1.5Microsoftyahei;}
行高可以有单位也可以无单位。这个1.5代表的是当时元素文字大小的1.5倍。所以当时行高为21px.
假如子元素没有设置行高，则会承继父元素的行高1.5倍。
此刻子元素的行高是当时子元素的文字大小的1.5倍。
（3）优先级：给同一个元素指定多个选择器，就会产生优先级。
假如选择器相同，则执行层叠性；
假如选择器不相同，则执行选择器权重。
选择器选择器权重
承继或许*（0,0,0,0）
元素选择器（0,0,0,1）
类选择器，伪类选择器（0,0,1,0）
ID选择器（0,1,0,0）
行内款式style=””（1,0,0,0）
!important（无穷大）
留意：
（1）权重是有4组数字组成的，但是不会有进位；
（2）类选择器永久大于元素选择器，id选择器永久大于类选择器。
（3）承继权重为0，假如该元素没有直接选中，不论父元素权重多高，子元素得到的权重都是0.