مقدمه‌ای بر CSS

گام بعدی ما یادگیری CSS  است که به ابزاری کلیدی برای طراحان امروزی وب محسوب می‌شود.

CSS چیست؟

CSS مخفف کلمات «Cascading Style Sheets» به معنی شیوه‌نامه‌های آبشاری است. سی اس اس خواهر خوانده زبان کد نویسی HTML است که امکان می‌دهد صفحات وب‌تان را قالب بندی کنید. نمونه‌ای از تغییر در قالب بندی تیره کردن کلمات است. در HTML استاندارد می‌توانید از تگ <b> برای این‌کار استفاده کنید:

<b>make me bold</b>

این تگ به خودی خود به خوبی کار می‌کند و هیچ مشکلی با آن نداریم، به جز این‌که فرض کنیم می‌خواهید تمام نوشته‌هایی که ابتدا تیره‌شان کرده‌اید را زیر‌خط‌دار کنید؛ در این حالت مجبورید تک به تک سراغ جاهای پر رنگ رفته و تگ آن‌ها را عوض کنید.

نقطه ضعف دیگر آن را می‌توان در این مثال جستجو کرد: فرض کنیم می‌خواهید متن بالا را پر‌رنگ کرده، فونت آن Verdana انتخاب نموده و رنگ آن را به قرمز تغییر دهید؛ برای این‌کار به مجموعه زیادی از کد‌های دستوری در اطراف متن نیاز دارید:

<font color=”#FF0000″ face=”Verdana, Arial, Helvetica, sans-serif”>

<b>This is text</b></font>

این روش نوعی پرگویی (دارای اطناب) است و باعث می‌شود کد HTML تان شلوغ و بهم ریخته شود. با استفاده از سی اس اس می‌توانید یک قالب سفارشی در هر جایی که می‌خواهید ایجاد کرده و همه تنظیمات خاص آن را یک‌جا انجام دهید، یک نام منحصر به فرد برای آن انتخاب کنید، و سپس HTML ‌تان را طوری «تگ» کنید که این قالب خاص را اعمال کند: