更深入地研究类
blockquote.greentea,p.greentea{
color:green;
}
可以简写成
.greentea{
color:green;
}
元素可以加入多个类
<p class="greentea raspberry blueberry">
特定程度
p{ color:black; } 这个规则会选择所有的段落元素
.greentea{ color:green; } 这个规则选择greenbtea类的所有成员,更特定一些
p.greentea{ color:green; } 这个规则只选择greentea类里面的段落,更特定
p.raspberry{ color:blue; }
p.blueberry{ color:purple; }
同类特定程度之间按样式表文件中规则的顺序来解决问题,以最后列出的规则为准。
可以使用W3C验证工具验证CSS(http://jigsaw.w3.org/css-validator)
属性杂烩汤
- color
- font-weight
- left 利用这个属性指定一个元素左边所在位置
- line-height 设置行间距
- top 控制元素顶部的位置
- background-color
- border 加边框
- padding 在一个元素的边缘和他的内容之间需要有空间,可以使用padding(内边距)
- font-size 让文本更大或更小
- text-align 使用这个属性将文本左对齐、右对齐或居中
- letter-spacing 设置字母之间的间距
- font-style 设置斜体文本
- list-style 改变列表中列表项外观
- background-image 用这个属性在元素后放置一个图像
在HTML中包含一个样式最简易的方法就是使用<style>标记