CSS的字体、字型控制

2016-01-29 12:42 10 1 收藏

CSS的字体、字型控制,CSS的字体、字型控制

【 tulaoshi.com - Html 】

    ★☆★使用CSS你可以对页面的字体进行任意的控制,比起HTML简直方便不知多少。

    CSS使用“font-size”属性来控制字体大小。

    CSS中可以使用的单位:points, pixels等单位 。


   ★使用 points(点): 

    td { font-size: 9pt }

    告诉浏览器以9 points的尺寸显示<TD标签内的字符,本页就采用9pt的字体,我认为“宋体+9pt”是非常漂亮的选择。Points是确定文字尺寸非常好的单位,它在所有的浏览器和操作平台上都适用。

   ★使用pixels(象素):

td { font-size: 9px }

    使用“象素”的缺点是,页面显示不稳定,字体时大时小,而使用points则没有这种问题。

    此外你还可以使用如下的单位:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/html/)

in (英寸) 
cm (厘米) 
mm (毫米) 

    ★☆★字型控制

   { font-family:Arial } 可以只设置一种字体。

   { font-family:Arial,Helvetica,sans-serif } 也可以设置多种字体,将按照字型顺序查找显示。

   { font-family:"Courier New" } 字型名字包括2个以上的词时,要使用引号。

    ★☆★字体粗细控制

   { font-weight:bold } 字体加粗显示,还可以使用:extra-light,light,demi-light,medium,demi-bold,bold,extra-bold等参数。

    ★☆★字型样式控制

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/html/)

   { font-style:italic } 设置字体倾斜,可以使用normal,italic。

来源:http://www.tulaoshi.com/n/20160129/1487267.html

延伸阅读
  <style @media print{ INPUT {display:none} } </style <TABLE border="0" style="font-size:9pt;" width="300px" align="center" <THEAD style="display:table-header-group;font-weight:bold" <TR<TD colspan="2" align="center" style="font-weight:bold;border:3px double red"每页都有的表头</TD</TR <...
标签: Web开发
群里的兄弟问的效果 无标题文档 p.p1{ background-color:#FF0000;font-size:22px;_ font-family:"方正舒体"; font-weight:100; } hello,this is a example of stylesheets hello,this is a example of stylesheets [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 网上搜到的不错的控制css JS控制样式 ...
标签: Web开发
电脑不知道什么时候就会有问题,有时可能看到很多网页字体都变了,不是宋体了,看上去比较难看。这是由于没有设置网页的字体的原因造成的。 这样的问题,我发现很多人都犯,写CSS时都不喜欢设置字体。电脑出问题字体不知道怎么就变样了,所以写CSS时还是设置一下网页的字体吧。 1、在CSS设置字体怎么设置? 答:在CSS文件中加入这一行。 bod...
标签: Web开发
CSS功能的强大在webjx.com中早已经展现很多,而有关CSS基本的排版控制虽然已有详细的使用说明和参考教程,但还有许多丰富的CSS排版能力,是很少能查到的。今天的这些实例,为您提供了很多想象和拓展的空间。 h3.reflect_1 { color: #333333; border-bottom: 6px solid #DDDDDD; line-height: .2em; margin: 0; padding:0 0 0 10px; font-si...
标签: Web开发
CSS允许你控制网页外观和布局的各个方面——包括字体、页边空白和光标。不错,从CSS 2.1开始,你就可以方便地控制用户浏览网页时使用的光标。 标准的CSS光标呈箭头状,一般来说,它都能满足一个网页或网站的需求,但有些时候你可能需要使用其它的光标。在这些情况下,CSS标准提供了众多选项。 CSS光标类型 下表概括说明了CSS标准中的一些光...

经验教程

255

收藏

89
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部