การใช้ CSS ที่ดีคือทำให้เวลาการโหลดสั้นที่สุด หนึ่งในวิธีที่นิยมคือการประกาศ property ของ css แบบสั้น (shorthand) นั่นเอง
Font
font: 1em/1.5em bold italic serif;
จากแบบเต็ม
font-size: 1em;
line-height: 1.5em;
font-weight: bold;
font-style: italic;
font-family: serif;
Background
background: #fff url(image.gif) no-repeat top left;
จากแบบเต็ม
background-color: #fff;
background-image: url(image.gif);
background-repeat: no-repeat;
background-position: top left;
Lists
list-style: disc outside url(image.gif);
จากแบบเต็ม
list-style: #fff;
list-style-type: disc;
list-style-position: outside;
list-style-image: url(image.gif);
ความจริงมีมากกว่านี้ ทั้ง Border, Margin & Padding แต่ใช้บ่อยเลยไม่ได้ใส่
ไม่มีความคิดเห็น:
แสดงความคิดเห็น