تصغير ملفات css

[اميرة عبد الدايم]

اليوم سنتعلم شيء عن تصغير ملفات CSS
أهمية هذا الشيء أنه يساعد على إنقاص اللود على السيرفر يعني هناك فرق بين ملف 1kb و ملف 0.5kb
اليوم سنتعلم بعض خصائص تصغير ملفات CSS

1- تغيير Fonts
مثلا لنفترض أنه لديك
رمز Code:
font-size: 1em;
line-height: 1.5em;
font-weight: bold;
font-style: italic;
font-family: serif
بعد التقصير يصبح هكذا
رمز Code:
font: 1em/1.5em bold italic serif
و هكذا إختصرنا 3 سطور من الكودات

2- تغيير Backgrounds
هذا الكود
رمز Code:
background-color: #fff;
background-image: url(image.gif);
background-repeat: no-repeat;
background-position: top left;
يمكن أن يصبح هذا الكود
رمز Code:
background: #fff url(image.gif) no-repeat top left
3- تغيير Border
لنفترض أنه لدينا هذا الكود
رمز Code:
border-width: 1px;
border-color: black;
border-style: solid
أو هذا الكود
رمز Code:
border-right-width: 1px;
border-right-color: black;
border-right-style: solid
يمكن أن يصبحوا
رمز Code:
border-right: 1px black solid
أو
رمز Code:
border: 1px black solid
ملاحظة
يمكنك تغيير right بـ: bottom, topو left