شرح تصغير ملفات 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


http://www.traidnt.net/vb/traidnt2493726/