codecamp

CSS 3的2种声明方式

使用CSS选择器可以控制HTML标记样式,其中每个选择器属性可以一次声明多个,即创建多个CSS属性修饰HTML标记,实际上也可以将选择器声明多个,并且任何形式的选择器(如标记选择器、类别选择器、ID选择器)都是合法的。


一般来说CSS有两种声明方式:标准声明和合并多重声明。


一、标准声明:

标准声明格式是最经典的CSS声明方式,可以表示如下:

元件(标签){性质(属性)名称:设定值}

例如:

H1{COLOR:BLUE}                     /*设置字体颜色*/

上面代码中H1表示标签,COLOR表示属性,BLUE表示设定值。标准声明格式是CSS声明中最小的单位,所以又被称为基本声明。


CSS 3的两种声明方式


二、合并多重声明

在标准声明中,是每个标签与一组属性一一对应。合并多重声明则是另外一种对应形式,即多个标签对应一组属性或一个标签同时声明多个属性并用分号隔开,可以表示如下:


元件A(标签A),元件B(标签B),元件C(标签C)···{

性质(属性)名称1: 设定值1;

性质(属性)名称2: 设定值2;

···}

例如

H1,P{                                   /*多元件合并声明*/

COLOR:BLUE;                         /*声明颜色*/

FONT-SIZE:9PX;                     /*声明字号*/

}

P{                                         /*多属性合并声明*/

COLOR:BLUE;                          /*声明颜色*/

FONT-SIZE:9PX;                     /*声明字号*/

}


注意:从合并多重声明中可以看到,这样声明比较有利于减少代码量。

CSS导入式
CSS的5种属性值
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }