CSS字体设计要点解析

来源:互联网 责任编辑:栏目编辑 发表时间:2013-07-01 06:11 点击:

乍一听css字体设置很容易,其实真做起来不然,我们工程师使用全力,他们在不同浏览器调整字体的大小知道的得到合适的结果。实际上有一点深入的理解就能起到很大的作用。

font-size 属性:

font-size属性可以被设置给任何一个html标签,即使是不能包含文本的标签也可以设置它,比如:

可以被赋值是各种各样滴,比如:绝对,相对,长度值

一个元素的font-size属性会自动继承它父节点元素的font-size属性值,除非你覆盖了它。当你给font-size设置相对大小的时候这一点很重要。

font-size 设置的绝对关键字:

以下几个绝对字体大小的设置是有效的。当然他们是浏览器预定义设置的。给元素指定了绝对关键字font-size的时候,该元素就不会继承父元素的字体大小。

font-size: xx-small;

font-size: x-small;

font-size: small;

font-size: medium;

font-size: large;

font-size: x-large;

font-size: xx-large;

尽管大多数的浏览器支持上面的关键字,但是他们的精确的大小是不相同滴。

font-size的绝对大小,fone-size能被设置成下面得绝对大小:

mm: 毫米,例如:10mm.

cm: 厘米 ,例如:1cm ( = 10mm).

in: 英寸(inch),例如 : 0.39in ( ~= 10mm).

pt: point(点), 1pt 相当于 1/72 英寸, 例如: 12pt.

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • WordPress添加百度喜欢按钮小技巧
  • Wordpress 博客如何实现自定义Gravatar头像
  • 网站设计分析:建立良好的视觉层级
  • 网站设计分析:“中国式设计”的三个方向
  • 案例分析:奥巴马筹款网站的制作过程
  • 创建不平衡的平衡:在网页设计中使用不对称设计
  • 7大主流B2C首页导航栏设计对比分析
  • Wordpress页面模板制作方法及使用
  • css控制文字前的小图标
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1