html 复合样式,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答疑栏目，欢迎学习！