建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 网页设计 > css教程 >

CSS入门教程:CSS声明(2)

时间:2011-03-06 08:36来源: 作者: 点击:
2,声明全部一样,选择符的名字也可以组合 选择符名字1 { 声明1 ; 声明2 ; } 选择符名字2 { 声明1 ; 声明2 ; } 选择符名字3 { 声明1 ; 声明2 ; } 可以组合为: 选择符名字1,选择符名字2,选择符名字3 { 声明1 ; 声明2 ;

2,声明全部一样,选择符的名字也可以组合

选择符名字1
{
	声明1;
	声明2;
}

选择符名字2
{
	声明1;
	声明2;
}

选择符名字3
{
	声明1;
	声明2;
}

可以组合为:

选择符名字1,选择符名字2,选择符名字3
{
	声明1;
	声明2;
}

示例

.dreamdudivwhite12px
{
	color:white;
	font-size:12px;
}

h1
{
	color:white;
	font-size:12px;
}

div
{
	color:white;
	font-size:12px;
}

与下面的是等价的

.dreamdudivwhite12px,h1,div
{
	color:white;
	font-size:12px;
}

CSS的语法是比较简单的,声明也比较直接,难点是选择符的名字,有很多种变化,高级教程中我将详细介绍

示例

h1
{
	color:red;
}

p
{
	color:black;
	font-size:12px;
}

div
{
	color:lightblue;
	font-size:16px;
}

h1, p, div
{
	border:1px solid black;
}

通过上面的示例大家可以看出选择符组合的好处,border: 1px solid black;这段代码只写了一次,就定义了三种HTML标签,这样使代码更统一,便于以后的修改,减少了代码量

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片