CSS简写小集

弃我而去而又重返的人,我会把他忽略。因为他再也给不了我一颗完整的心。将来的一面,我们必须容忍爱人的所有面。

1.border(CSS边框)简写:

border-top:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;
可以简写为:

border:1px solid #000;

2.padding(CSS padding)简写:

padding-top:1px;padding-right:2px;padding-bottom:3px;padding-left:4px;
可简写为:

padding:1px 2px 3px 4px;

padding-top:1px;padding-right:1px;padding-bottom:1px;padding-left:1px;
可简写为:

padding:1px;

3.margin简写

margin-top:1px;margin-right:2px;margin-bottom:3px;margin-left:4px;
可简写为:

margin:1px 2px 3px 4px;

margin-top:1px;margin-right:1px;margin-bottom:1px;margin-left:1px;
可简写为:

margin:1px;

4.background简写

background-color:#000;
可以简写为

background:#000;

background-image:url(图片地址)
可简写为:

background:url(图片地址)

5.font简写

font-size:12px;line-height:12px;font-family:Arial, Helvetica, sans-serif;
可简写为:

font:12px/12px Arial, Helvetica, sans-serif;

本文CSS简写小集到此结束。不实心不成事,不虚心不知事;不自是者博闻,不自满者受益。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例

CSS浮动引起的高度塌陷问题