بهینه سازی کدهای css
|
۲۵-۱۲-۱۳۹۰, ۰۷:۵۱ صبح
ارسال: #1
|
|||
|
|||
بهینه سازی کدهای css
اصول پیدایش CSS بهینه سازی و سریعتر باز شدن صفحات وب است، اما اگر بتوان عملی را که باعث بهینه سازی است را بهنه تر نمود کار بسیار مثبت و بزرگی را انجام داده اید. با اینکار شما در زمان و در نوشتن کدهای کمتر صرفه جویی کرده اید.
مثال ۱- فرص کنید میخواهید برای وب سایتی پس زمینه یا BackGround تعیین کنید و آنرا در سمت راست صفحه و بدون تکرار قرار دهید، شاید در وحله اول شما کدی مانند این بنویسید : کد: (انتخاب همه) background-image: url(images/example-background.png); کد: (انتخاب همه) 1٫background: url(images/example-background.png) no-repeat right; مسلما از Attribute های فوق به کررات استفاده کرده اید و میدانید که این ۲ بسیار کارا و مفید هستند. فرض کنید میخواهید برای Table که ساخته اید Margin و Padding تعیین کنید، شاید در وحله اول کد را بصورت بهینه نشده و به اینصورت بنویسید : کد: (انتخاب همه) margin-top:30px; کد: (انتخاب همه) margin:30px 15px 30px 15px; همچنین قوانین ذکر شده در عکس بالا برای Padding و Border-Width هم کاربرد دارد . مثال ۳- بهینه سازی Attribute فونت در این مثال هم مانند مثالهای قبل کدهای بهینه نشده را به کدهای بهینه شده تبدیل میکنیم : کد: (انتخاب همه) font-family:Arial, Helvetica, sans-serif; کد: (انتخاب همه) font: lighter 36px Arial, Helvetica, sans-serif; |
|||
|
|
کاربرانِ درحال بازدید از این موضوع: 1 مهمان