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

建站经验
追风青年:回顾一下自己,展望一下未来!
页面中css调试和问题 解决的一些经验总结
快速设计网页必备的28款工具和生成器
谈网站快速收录的技巧
江礼坤:让论坛火起来的六项基本法则
站长要尽量避免的一些建站失误
广告Banner的点击率是不是真的可以预测
要记住没人愿意等待 网页打开速度心理学
CPanel在线解压缩文件
技术分析:Drupal与其它网站设计方法比较
网站易用性测试
从建站技术到内容写作 提高流量十个办法
一看就明白 却往往易忽视的60个建站经验
关于在网页中使用target=_blank需要注意的地方
五个降低Blog的bounce rate的方法
江礼坤:六招让你的网站独具特色
我的站长 我的站
草根站长典藏:网站推广的八字秘诀
从五个方面着手 来分析网易网站设计思想
现在的电影站越来越难做了

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-26   浏览: 227 ::
收藏到网摘: 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设定文字颜色需要单独进行定义。