بهینه سازی کدهای css - نسخهی قابل چاپ +- پارس جوم :: انجمن های تخصصی جوملا (https://forums.parsjoom.ir) +-- انجمن: آموزش (/forum-25.html) +--- انجمن: آموزش سی اس اس (/forum-27.html) +--- موضوع: بهینه سازی کدهای css (/thread-5091.html) |
بهینه سازی کدهای css - publichtml - ۲۵-۱۲-۱۳۹۰ ۰۷:۵۱ صبح اصول پیدایش 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; |