مقالات آموزشي CSS

این تاپیک به آموزش CSS اختصاص داده‌شده و هردفعه پست‌هایی در مورد آموزش CSS بهش اضافه می‌شه. فعلا در جلسه‌ی اول توضیحات مختصری در مورد CSS می‌دهم.

نبودن استانداردی برای صفحات وب در سال‌های اولیه‌ی عمر اینترنت باعث می‌شد که هر مرورگری تگ‌های خودش رو داشته باشه و یا این‌که تگ‌های جدیدی ارائه بده. در این صورت بعضی از صفحات وب فقط با مرورگر خاصی کامل و سالم Load می‌شدند؛ این بود که گروهی بنام W3C به فکر ارائه استانداردی واحد برای صفحات وب افتادند و شاید بشه گفت یکی از اهداف شکل‌گیری CSS همان جدا کردن محتوی از طراحی باشه، به این صورت که CSS مسئول نمایش ظاهری صفحات شد و XHTML دربرگیرنده‌ی محتوی و اطلاعات صفحات وب.

CSS یا همان Cascading Style Sheet روشی است برای قالب بندی و طراحی اجزای صفحه از قبیل: متن، تصویر، زمینه صفحه، کادرها و تقریباً هر چیزی که در طراحی صفحه استفاده می شود بدون استفاده از کدهای HTML. بوسیله CSS می‌توانیم از دوباره نویسی کد‌های HTML جلوگیری کنیم که این خود باعث صرفه‌جویی در وقت، بالارفتن سرعت لود و کم‌شدن حجم صفحات می‌شود. برای مثال بوسیله CSS می‌توانیم یک بار ویژگی‌های فونت مورد استفاده در صفحه مثل: اندازه، زنگ و نوع را تعیین کنیم و دیگر مجبور نیستیم که در صفحات مختلف یا قسمت‌های مختلف یک صفحه دوباره این ویژگی‌ها را تعیین کنیم؛ پس بنابراین می‌توانیم با ایجاد یک تغییر ساده در CSS ظاهر همه‌ی صفحات را یک‌جا تغییر دهیم. مثلا فرض می‌کنیم 100 صفحه‌ داریم و می‌خواهیم رنگ متن تمام این صفحات عوض شود لازم نیست تمام این 100 صفحه را تغییر دهیم تنها کافی‌است که ویژگی رنگ مربوط به متن را در CSS تغییر دهیم. بنابراین با ایجاد یک تغییر ساده در یک فایل CSS ظاهر تمام آن 100 صفحه به راحتی تغییر می‌کند.