5 گام جهت سازماندهی کردن کدهای CSS

<p><strong>5 گام جهت سازماندهی کردن کدهای CSS</strong></p> <p>نوشته انس لی، 18 ژوئن 2014</p> <p>برخی ممکن است تصور کنند که سازماندهی کدهای CSS ممکن است آزاردهنده باشد در حالی که اگر این کار را انجام بدهید ، وب سایت شما خیلی بهتر خواهد ماند.</p> <p>امروز 5 گام برای سازماندهی کردن کدهای CSS را بررسی میکنیم. این گام های کوچک بسیار آسان است و بهتر است از حالا شروع کنید. این کار به شما در جهت حفظ استاندارد بالا در هنگام برنامه نویسی با CSS کمک میکند.</p> <p><strong>&nbsp;&nbsp;&nbsp; صفحات اصلی سبک</strong></p> <p>شما می توانید با صفحه اصلی آغاز کنید. با وارد کردن سبک صفحات که شامل&nbsp; reset,css,global.css,structure.css و تایپوگرافی صفحات میشود، آغاز کنید.</p> <p><strong>&nbsp;&nbsp;&nbsp; لیست محتوا</strong></p> <p>استفاده از یک جدول محتوا به میزان قابل توجهی می تواند به هنگام ایجاد یک وب سایت بزرگ با آرایش ها و سبک های مختلف، مفید و سودمند باشد.</p> <p>این جدول را میتوان در بالای سند CSS با ترسیم نواحی مختلف سند CSS از جمله سربرگ، فرمها، نظرات و پایین صفحه، بدست آورد. سپس شما میتوانید هر بخش را تجزیه کنید.</p> <p><strong>&nbsp;&nbsp;&nbsp; مرتب سازی ویژگی ها به صورت الفبایی</strong></p> <p>مرتب سازی ویژگی های سبک CSS ِ شما به صورت الفبایی ، ممکن است در ابتدا کمی سخت باشد اما شما به آن عادت خواهید کرد و این عمل به شما کمک میکند با حفظ کیفیت در صفحات CSS، در سطح بالایی از استاندارد باقی بمانید و البته شما خواهیئ فهمید که این خواص در آینده در صورت نیازتان چقدر راحت و آسان در دسترس شما قرار خواهند گرفت.</p> <p><strong>&nbsp;&nbsp;&nbsp; استفاده از پرچم</strong></p> <p>نکته دیگر، استفاده از پرچم ها و جداکننده های صفحات CSS به قسمتهایی چون گلوبال استایل، سربرگ، ساختار لایه ها، فرم ها، نظرات&nbsp; و غیره است.</p> <p><strong>&nbsp;&nbsp;&nbsp; جداسازی کدها در بلوک</strong></p> <p>نکته مفید دیگر این است که کدهای CSS را در بلوک هایی جدا کنید . این کار باعث می شود شما در زمان نیاز به آنها، به سرعت آز آنها بهره مند شوید و یا ماهیانه و یا سالیانه آن ها را ویرایش کنید. این کار سبب صرفه جویی قابل توجهی در زمان می شود.</p> <p>امیدوارم این 5 گام برایتان مفید باشد.</p> <p>منبع: سایت http://bloomwebdesign.net</p> <p>&nbsp;</p>

---