الگوهای آبشاری یا سی‌اس‌اس (به انگلیسی: CSS: Cascading Style Sheets) در کنار اچ‌تی‌ام‌ال هستهٔ فناوری ساخت صفحه‌های وب هستند. سی‌اس‌اس روشی ساده برای نمایش چیدمان و جلوه‌های تصویری (مانند نوع قلم، رنگ و اندازه‌ها) بر صفحه‌های وب است. الگوهای آبشاری از جنس زبان‌های نشانه‌گذاری، با ساختار متن سادهٔ رایانه هستند و درون هرکدام، دستورهایی آبشار مانند و پی‌درپی، برای چگونگی نمایش هر صفحه وب افزوده میشود. به گفته‌ای ساده تر، این دستورها روش نشان داده شدن قلم‌ها و اندازه شان، رنگ‌ها و پس زمینه‌ها، روش چیدمان موزاییک‌های دربرگیرنده داده‌ها (دیواره ها)، و بسیاری دیگر از عنصرهای ساختار هر صفحه وب را، درون خود جای می‌دهند.
استانداردهای تازه
در بحث طراحی با استانداردهای وب، همه ساختار گرافیکی و تصویری صفحه‌های وب باید درون این الگوهای آبشاری قرار گیرد و لابه‌لای صفحه‌های وب نباید دستورهایی از این جنس، برای درج چگونگی نمایش صفحه‌ها نوشته شود. به بیانی دیگر، ساختار سند و متن در هر صفحه، باید پاکیزه باشد و دستورهای چگونگی نمایش و زیبایی، همگی یکسره در الگوهای آبشاری افزوده شوند.
سی اس اس زبانی است که توسط آن قادر خواهید تا استیل طراحی صفحات وب سایت تان را یکبار تعریف و به صفحات مورد نیازتان اعمال نمایید.
برای این منظور مثالی را می زنیم. تصور کنید که سایت شما شامل ۱۰۰ صفحه استاتیک می باشد و شما آنها را تماما به زبان HTML نوشته اید. بعد از یک هفته تصمیم گرفته اید تا فونت تمام کلمات را کمی بزرگتر کنید. گفتن اینکه فونت تمام کلمات بزرگتر شود بسیار کار راحتی است و تنها یک جمله است. ولی آیا در عمل تغییر ۱۰۰ صفحه نیز به همان راحتی خواهد بود؟
قطعا نه. CSS دقیقا همان زبانی است که جمله یک خطی شما را تبدیل به همان یک جمله خواهد کرد. شما تنها کافی است تا استیل مورد نیازتان را در طراحی تغییر دهید و آن هم تنها با تغییر یک یا چند مورد کوچک.
چند دلیل مهم برای استفاده از CSS
- از آنجا که CSS یک استاندارد جهانی است و تمامی مرورگرهای اینترنتی آن را پشتیبانی میکنند ، لذا استفاده از CSS باعث نمایش صحیح وب سایت شما در تمامی مرورگرهای اینترنتی میشود.
- استفاده از CSS باعث آسان تر شدن تغییرات احتمالی در سایت خواهد شد. فرض کنید که این تغییر در نوع فونت و یا رنگ آن باشد. با استفاده از CSS کافی است تنها کد را تغییر دهید و نیازی به تغییر در تمامی صفحات وب سایت نیست.
-
در طراحی توسط جداول ، فیکس کردن تصاویر در تمامی رزولشن ها برای این درصد مشخصی از صفحه را اشغال کنند سخت است اما با استفاده از CSS میتوانید این کار را بهتر و آسان تر انجام دهید.
