您的位置:首页 > Web前端 > CSS

Web开发之CSS格式化排版

2017-02-28 10:36 309 查看
本文根据慕课网整理:http://www.imooc.com/code/2076

文字排版

设置文字字体、字号和颜色

body{
font-family:"Microsfot Yahei"; /*设置字体为“微软雅黑”*/
font-size:20px; /*设置字体大小为20px*/
color:red; /*设置字体颜色为红色*/
}


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

现在一般网页喜欢设置“微软雅黑”,如下代码:

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




body{font-family:"微软雅黑";}


注意:第一种方法比第二种方法兼容性更好一些。

因为这种字体即美观又可以在客户端安全的显示出来(用户本地一般都是默认安装的)。

设置文字粗体、斜体、下划线和删除线

p{
font-weight:bold; /*设置文字粗体*/
font-style:italic; /*设置文字为斜体*/
text-decoration:underline;/*给文字添加下划线*/
text-decoration:line-through; /*设置文字删除线*/
}


段落排版

设置段落缩进、行间距(行高)、中文字间距、字母间距和对齐方式

p{
text-indent:2em;/*设置段落缩进,2em代表文字的2倍大小*/
line-height:2em;/*设置行间距2em*/
letter-spacing:20px;/*设置中文字间距或英文中字母与字母的间距*/
word-spacing:20px;/*设置英文单词之间的间距*/
text-align:left;/*设置对齐方式*/
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息