标签：
规范：文件的放置
1-三种样式---以div为例
1-1行内样式
<div style="height=100px;width=100px;border:1px solid red;"></div>
1-2内嵌式
①在title下面写<style type="text/css">
div
{
height:100px;
width:100px;
border: solid 1px red;
}
②在最下面的</body>上写
<div></div>
1-3链接式----最常用
在title下写<link rel="stylesheet" type="text/css" href="css/demo.css<!--css文件的路径-->">
在css文件下写样式即可
2--选择器
优先级：id>css>标签
第一个标签选择器 ---对于整个页面的标签样式 eg:p{ color:red;}
第二个class选择器----多个标签样式---用“.”
可以是不同的标签，也可以是一个标签多个class--用“#”
第三个id选择器---唯一的
3---字体
font-size字体大小
font-family字体家族
color字体颜色
fontweight字体加粗
text-decoration:underline下划线
text-decoration:line-through删除线
text-decoration:overline顶化线
text-transform:capitalize单词首字母大写
text-transform:lowercase全部小写
text-transform:uppercase全部大写
letterspacing字母间距(默认为normal)
4----text-align字体对齐方式
left right center justify两端对齐
5--行间距
line-height
注：line-height=height字体可以垂直居中
例子：
<div id="d1">
<p>你好</p>
</div>
#d1
{
width:200px;
height:200px;
border:solid 1px red;
text-transform:capitalize;
letter-spacing:10px;
text-align:center;
line-height:200px;
}
另外这里有个css继承:字体中子类可以继承父类的字体样式 eg:你好
标签：
原文地址：http://www.cnblogs.com/anwser-jungle/p/4820301.html
