مجموعة اختصارات عند كتابتك لملف css
1- اختصار ال margin وال padding
بدلاً من كتابة:
2- الإطار:
بدلاً من:
3- الخلفية:
بدلاً من:
4- الخط:
بدلاً من:
1- اختصار ال margin وال padding
بدلاً من كتابة:
- الكود:
div {
margin-top: 5px;
margin-right: 8px;
margin-bottom: 3px;
margin-left: 4px;
}
- الكود:
div {
padding-top: 5px;
padding-right: 8px;
padding-bottom: 3px;
padding-left: 4px;
}
- الكود:
div {
margin: 5px 8px 3px 4px;
}
- الكود:
div {
padding: 5px 8px 3px 4px;
}
2- الإطار:
بدلاً من:
- الكود:
div {
border-width: 3px;
border-style: solid;
border-color: #c00;
}
- الكود:
div { border: 3px solid #c00; }
3- الخلفية:
بدلاً من:
- الكود:
div {
background-color: #fff;
background-image: url(../images/bg.gif);
background-repeat: repeat-y;
background-attachment: fixed;
background-position: top center;
}
- الكود:
div { background: #fff url(../img/bg.gif) repeat-y fixed top; }
4- الخط:
بدلاً من:
- الكود:
p {
font-style: italic;
font-variant: small-caps;
font-weight: bold;
font-size: small;
line-height: 1.2em;
font-family: Helvetica, Arial, sans-serif;
}
- الكود:
p { font: italic small-caps bold small/1.2em Helvetica, Arial, sans-serif; }