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

CSS格式化排版

时间:2017-07-15 17:48:50      阅读:226      评论:0      收藏:0      [点我收藏+]

标签:data-   div   样式   微软   esc   显示   line   字体样式   一个   

1.文字排版

  1.1 字体

    我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子,下面代码实现:为网页中的文字设置字体为宋体。

    body{font-family:"宋体";}

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

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

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

    或

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

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

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

 

  1.2 字号、颜色

    可以使用下面代码设置网页中文字的字号为12像素,并把字体颜色设置为#666(灰色):

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

  1.3 粗体

    我们还可以使用css样式来改变文字的样式:粗体、斜体、下划线、删除线,可以使用下面代码实现设置文字以粗体样式显示出来。

    p span{font-weight:bold;}

    在这里大家可以看到,如果想为文字设置粗体是有单独的css样式来实现的,再不用为了实现粗体样式而使用h1-h6或strong标签了。

 

CSS格式化排版

标签:data-   div   样式   微软   esc   显示   line   字体样式   一个   

原文地址:http://www.cnblogs.com/dorra/p/7183372.html

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