css格式化排版

1、字体排版

body{font-family:"Microsoft Yahei";}
2、字号颜色
body{font-size:12px;color:#666}
3、粗体
p span{font-weight:bold;}
4、斜体
p a{font-style:italic;}
5、下划线
p a{text-decoration:underline;}
6、删除线
.oldPrice{text-decoration:line-through;}
7、缩进
p{text-indent:2em;}2em的意思就是文字的2倍大小。
8、行间距
p{line-height:1.5em;}
9、中文字间距,字母间距

如果想在网页排版中设置文字间隔或者字母间隔就可以使用    letter-spacing 来实现,如下面代码:

h1{
    letter-spacing:50px;
}

如果我想设置英文单词之间的间距呢?可以使用 word-spacing来实现。如下代码:

h1{
    word-spacing:50px;
}
10、段落对齐
h1{
    text-align:center;  (居中)
}
h1{
    text-align:left;  (居左)
}
h1{
    text-align:right;  (居右)
}
 
 
posted @ 2017-03-25 16:35  Chloe1006  阅读(146)  评论(0编辑  收藏  举报