CSS学习(二)

CSS语法:
[quote]selector {declaration1; declaration2;declarationN}[/quote],其中declaration格式为[quote]property:value[/quote],所以完整语法为:[quote]selector {property1:value1; property2:value2;}[/quote].举例:[b]p {color:red; font-size:10px}[/b],将p元素内的文字颜色定义为红色,同时将字体大小设置为 14 像素。
说明:
p----selector,选择器,通常是您需要改变样式的 HTML 元素。
{color:red; font-size:10px}----declaration,声明。
color----property,属性,您希望设置的样式属性(style attribute)。
red----value,属性值,样式属性的值

value,有时候有多种写法,当然也有多种单位。如果value为多个单词时,需要用双引号括起来。

多个decalration之间,用分号隔开,最好一个declaration占一行,利于read。[b]最后一个declaration最好也加上分号,有利于以后增删[/b]

CSS不区分大小写,空格和空行也不影响显示效果。

选择器(selector):
可以对选择器进行分组,这样,被分组的选择器就可以分享相同的声明。
[quote]h1,h2,h3 {color:pink;}[/quote]
根据CSS,子元素从父元素继承属性。但是由于浏览器的世界大战,不保证一定能成功继承,最好是father和son分开定义。当son定义了和father一样的属性时,son自动覆盖father的属性。
[color=red][b]派生选择器[/b][/color]:派生选择器允许你根据文档的上下文关系来确定某个标签的样式。通过合理地使用派生选择器,我们可以使 HTML 代码变得更加整洁。
定义li标签里strong元素的样式。
[quote]li strong {
font-size:10px;
font-style:italic;
}[/quote]
[color=red][b]id 选择器[/b][/color]:为标有特定id的HTML元素指定特定的样式,id选择器以#开头。
[quote]#red {color:red;}[/quote]
[quote]<p id="red">红色文字</p>[/quote]
[i]id 属性只能在每个 HTML 文档中出现一次.[/i]
id选择器可以与派生选择器结合使用,一个id元素可以结合多个其他元素。例如,指定id为tree的元素的段落(p)的字体颜色为红色。
[quote]#tree p {color:red;}[/quote]
[quote]#tree h1 {color:pink;}[/quote]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值