CSS是网页开发中不可缺少的一部分,其中复合属性可以让我们更快捷高效地书写样式。以下是常用的五种CSS复合属性:/* 1. border */ border: 1px solid black; /*
CSS是网页开发中不可缺少的一部分,其中复合属性可以让我们更快捷高效地书写样式。以下是常用的五种CSS复合属性:
/* 1. border */ border: 1px solid black; /* 等同于 */ border-width: 1px; border-style: solid; border-color: black; /* 2. margin */ margin: 10px 20px 30px 40px; /* 等同于 */ margin-top: 10px; margin-right: 20px; margin-bottom: 30px; margin-left: 40px; /* 3. padding */ padding: 5px 10px; /* 等同于 */ padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; /* 4. font */ font: italic small-caps bold 16px/1.5 serif; /* 等同于 */ font-style: italic; font-variant: small-caps; font-weight: bold; font-size: 16px; line-height: 1.5; font-family: serif; /* 5. background */ background: url('bg.jpg') no-repeat center top / cover; /* 等同于 */ background-image: url('bg.jpg'); background-repeat: no-repeat; background-position: center top; background-size: cover;
使用CSS复合属性能极大的缩短代码量,是高效编写样式的工具之一,掌握好这些常用的复合属性,可以更快速地完成网页布局和样式设计。
粉丝
0
关注
0
收藏
0