志在指尖
用双手敲打未来

css的三大特性(css规则的最主要两个部分)

css的三大特性

CSS的三大特性:层叠性,承继性,优先级:
(1)层叠性:相同选择器给设置相同的款式,此刻一个款式就会掩盖另一个抵触款式:
准则:款式抵触-遵循的准则是就近准则,哪个款式理结构近,就履行哪个款式;
款式不抵触-不会层叠。
(2)承继性:子标签会承继父标签的某些款式,如文本颜色,字号。
行高承继性:body{font:12px/1.5Microsoftyahei;}
行高可以有单位也可以无单位。这个1.5代表的是当时元素文字大小的1.5倍。所以当时行高为21px.
假如子元素没有设置行高,则会承继父元素的行高1.5倍。
此刻子元素的行高是当时子元素的文字大小的1.5倍。css
(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.

css规则的最主要两个部分

CSS规则由两个首要的部分构成:选择器,以及一条或多条声明。
selector{declaration1;declaration2;…declarationN}
选择器通常是您需要改变款式的HTML元素。css
每条声明由一个特点和一个值组成。
特点(property)是您希望设置的款式特点(styleattribute)。每个特点有一个值。特点和值被冒号分开。
selector{property:value}
下面这行代码的作用是将h2元素内的文字色彩定义为红色,同时将字体大小设置为14像素。
在这个例子中,h2是选择器,color和font-size是特点,red和14px是值。
h2{color:red;font-size:14px;}

未经允许不得转载:IT技术网站 » css的三大特性(css规则的最主要两个部分)
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

志在指尖 用双手敲打未来

登录/注册IT技术大全

热门IT技术

C#基础入门   SQL server数据库   系统SEO学习教程   WordPress小技巧   WordPress插件   脚本与源码下载