码迷,mamicode.com
首页 > Web开发 > 详细

css格式化排版

时间:2016-06-17 19:03:51      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:

1,文字排版--字体  

语法:

body{font-family:"Microsoft Yahei";}

这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装了你设置的字体)

2,文字排版--字号、颜色 

语法:

body{font-size:12px;color:#666}

3,文字排版--粗体

语法:

标签名{font-weight:bold;}

4,文字排版--斜体 

语法:

标签名{font-style:italic;}

5,文字排版--下划线

语法:

标签名{text-decoration:underline;}

6,文字排版--删除线(也就是现价多少,把之前的价格上画上一条实线)

语法:

.(注意这有一个点)标签名{text-decoration:line-through;}

7,段落排版--缩进

语法:

标签名{text-indent:2em;}注意:2em的意思就是文字的2倍大小。

8,段落排版--行间距(行高)

语法:

标签名{line-height:2em;}

9,段落排版--中文字间距、字母间距

语法:

设置文字和字母间距时用标签名{letter-spacing:50px:}

设置单词间距时用标签名{word-spacing:50px;}

10,段落排版--对齐

语法:

标签名{text-align:center;}注意:还可以设置左对齐和右对齐,只需要把center改为left、right即可。

css格式化排版

标签:

原文地址:http://www.cnblogs.com/W-sunshine/p/5594625.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!