当前位置: 首页 > 图文教程 > 网站运营 > 建站经验 > 网页技术CSS的font属性的缩写的技巧

建站经验
实战经验:教你运作自己的个人BBS网站
创业篇:怎样做好地方门户站长
网站首页百度快照一直不更新的原因分析
创业篇:地方网站的发展之路
网站内容没有诱惑力就不是一个网站
如何把更新网站当成一种享受
网站建设先从本分工作做起 PR从0到3
正确的设计广告位有助于提高收入
《网络江湖三十六计》之搜狐的攻心为上
织梦v5.3的分页采集
向勇于离开搜索引擎的优酷淘宝致敬
边缘元素:武汉婚嫁网的成长历程
"魔高一尺,道高一丈"教你如何安全卖链接
个人做网站成功的十大必备条件
几个流行免费建站系统的草根分析
谁来撕下“免责申明”的遮羞布
如何分析陌生网站的流量
网页字号多大才合适?
创业者容易遇到的四个问题-IT茶馆小聚随想
推荐“网站设计、前端开发”人员阅读的几本书

建站经验 中的 网页技术CSS的font属性的缩写的技巧


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-26   浏览: 103 ::
收藏到网摘: n/a

  网页技术CSS的font属性的缩写的技巧,缩写有利于减少代码,优化CSS,使之更加合理。

  优化代码:网页技术CSS的font属性的缩写的技巧,缩写有利于减少代码,优化CSS,使之更加合理。

  css font属性是用来控制文字字体、颜色、大小等。而font的属性有多种,在通常情况下,我们用缩写的办法将多种属性概括在一句css代码中。这样极大的减小了代码,优化css文件。

  我们常用的font属性有下面这六种:

font-style设定斜体 如:font-style: italic;
font-weight设定文字粗细 如:font-weight: bold;
font-size设定文字大小 如:font-size: 12px;
line-height设定行距 如:line-height: 150%;
color设定文字颜色(注意不是font-color) 如:color: red;
font-family设定字体 如:font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif;

  上述的属性,我们可以概括写在一行font属性里。需要注意的是color属性我们需要单独定义。

font: italic bold 12px/150% "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif;}

  上面的例子用一行来定义font属性,分别是:font-style font-weight font-size line-height font-family;而color设定文字颜色需要单独进行定义。