آموزش طراحی سایت(جلسه ۱۸):CSS چیست؟
CSS چیست؟
CSS به معنایطراحی سایت «صفحات استایلی آبشاری» است و روشی است برای قالب بندی و طراحی اجزای صفحه ازقبیل متن، تصویر، زمینه صفحه، کادرها و تقریباً هر چیزی که در طراحی صفحه استفاده میشود. از طریق
CSSمیتوانیم از دوباره نویسی کدهای HTMLکه باعث ایجاد مشکل در کدنویسی و همچنین کند شدنسرعت بارگذاری صفحه در اینترنت میشود جلوگیری کنیم. برای مثال میتوانید یک بار نوع فونت مورد
استفاده در یک صفحه را تعیین کنید و دیگر مجبور نباشید کد مربوط به فونت را درطراحی سایت صفحه دهها بار به کارببرید. همچنین میتوانید از این ابزار قدرتمند در مواردی به جای جاوا اسکریپت نیز استفاده کنید و چون
مشکلات جاوا اسکریپت مثلاً غیر فعال بودن جاوا اسکرپت در مرورگر را ندارد با خیالی آسودهتر میتوانید ازآن استفاده کنید.
CSSهم مانند جاوا اسکریپت این امکان را به شما میدهد که از یک فایل استایل خارجی طراحی سایتبرای تعیین خواصبخشهای مختلف صفحههای یک سایت استفاده کنید. در این صورت میتوانید ظاهر همه صفحهها را با ایجاد
یک تغییر کوچک در فایل استایل خارجی تغییر دهید. مثلاً فرض کنید که رنگ متن همچنین نوع فونت متنصفحههایتان را در یک فایل استایل تعیین طراحی سایتکردهاید و از آن در طراحی چندین صفحه استفاده کردهاید، حالا
اگر بخواهید رنگ متن همه این صفحات را تغییر دهید تنها کافی است تا رنگ متن را در همان فایل استایلتغییر دهید و نیازی به تغییر دادن همه صفحات ندارید.
روشهای اعمال کدهای CSSبه صفحه:
( inlineدر خط): در این روش، کدهای CSSدر صفت styleدر بین صفات دیگرِ تگ مورد نظر نوشته
میشود.
CSSمیتوانیم از دوباره نویسی کدهای HTMLکه باعث ایجاد مشکل در کدنویسی و همچنین کند شدنسرعت بارگذاری صفحه در اینترنت میشود جلوگیری کنیم. برای مثال میتوانید یک بار نوع فونت مورد
استفاده در یک صفحه را تعیین کنید و دیگر مجبور نباشید کد مربوط به فونت را درطراحی سایت صفحه دهها بار به کارببرید. همچنین میتوانید از این ابزار قدرتمند در مواردی به جای جاوا اسکریپت نیز استفاده کنید و چون
مشکلات جاوا اسکریپت مثلاً غیر فعال بودن جاوا اسکرپت در مرورگر را ندارد با خیالی آسودهتر میتوانید ازآن استفاده کنید.
CSSهم مانند جاوا اسکریپت این امکان را به شما میدهد که از یک فایل استایل خارجی طراحی سایتبرای تعیین خواصبخشهای مختلف صفحههای یک سایت استفاده کنید. در این صورت میتوانید ظاهر همه صفحهها را با ایجاد
یک تغییر کوچک در فایل استایل خارجی تغییر دهید. مثلاً فرض کنید که رنگ متن همچنین نوع فونت متنصفحههایتان را در یک فایل استایل تعیین طراحی سایتکردهاید و از آن در طراحی چندین صفحه استفاده کردهاید، حالا
اگر بخواهید رنگ متن همه این صفحات را تغییر دهید تنها کافی است تا رنگ متن را در همان فایل استایلتغییر دهید و نیازی به تغییر دادن همه صفحات ندارید.
روشهای اعمال کدهای CSSبه صفحه:
( inlineدر خط): در این روش، کدهای CSSدر صفت styleدر بین صفات دیگرِ تگ مورد نظر نوشته
میشود.
| <h1 style=”CSS>”کدهایHello!</h1> |
Comments
Post a Comment