css复合样式有哪些

css复合样式有哪些

css复合样式有font、margin、padding、border、background。

css复合样式就是将好多的样式写在一行里,从而减少代码量。如字体的一些样式,我们可以将文字大小、颜色、加粗等都写在一行里面。

(相关课程推荐:css视频教程

例如font:

div{
    font-size: 14px;
    font-family: '\5FAE\8F6F\96C5\9ED1';
    font-weight: bold;
    font-style:italic;
    line-height: 28px;
}

我们看到,这一系列的操作都是针对font的。这些样式,其实我们是可以缩写的。

div{font: italic bold 14px/28px '\5FAE\8F6F\96C5\9ED1';}

当然了,这个font还有一些更简单的写法。

如果你只有 字体大小 行高 和 字体的话

 font:14px/28px ‘\5FAE\8F6F\96C5\9ED1’;

当然 如果你的文字还要加粗的话,可以这样写

font:bold 14px/28px ‘\5FAE\8F6F\96C5\9ED1’;

这几个属性理论上没有顺序之分的

规定的顺序为:font-style,font-variant,font-weight,font-size,font-family

本文来自css答疑栏目,欢迎学习!

以上就是css复合样式有哪些的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏