عبارت CSS که مختصرشده از عبارت Cascading Style Sheets به معنی (برگه های سبک آبشار) یا برگه های آبشاری است،یک زبان طراحی صفحات وب محسوب می شود.
اولین بار در تاریخ ۱۰ اکتبر سال ۱۹۹۴ بود که Hakon Wium Lie با همکاری «تیم برنرز لی» بحث سی اس اس را وسط کشیدند تا در نهایت در سال ۱۹۹۶، زبان CSS به صورت رسمی معرفی شود.
این زبان با هدف فرم دهی صفحات وب HTML و اجزای مختلف صفحات آن توسط کنسرسیوم بین المللی شبکه جهانی وب یا W3C توسعه داده شده است و در استاندارد RFC 2318 قرار گرفته است.
سی اس اس در کنار HTML و JavaScript از هسته های اصلی طراحی صفحات وب به حساب میآیند..
این زبان در طراحی وب دقیقا همانند تعیین دکوراسیون و رنگ آمیزی ساختمان اسکلت ، می ماند.
سی اس اس مانند HTML یک زبان نشانه گذاری است که اجازه میدهد ساختار صفحات وب را از چیدمان عناصر گرفته تا تغییر رنگبندی و فونتها شکل دهید.
سی اس اس در مقابل مزایای بسیار زیادی که دارد، شامل ضعفها و محدودیتهایی هم می باشد. برخی از محدودیتهای این زبان عبارتند از:
{; h 1 {color : blue ; font-size:12 px
در تصویر بالا ساختار و سینتکس کلی دستورات این زبان را می بینیم.
در قسمت selector باید عنصور(HTML )مورد نظر جهت استایل دهی را تعیین کرد.
در قسمت property باید نام ویژگی مورد نظر و سپس در قسمت value باید مقدار مورد نظر را مشخص نمود.
به عنوان مثال، در دستور بالا ، رنگ نوشته و همچنین سایز فونت را مشخص کرده ایم.برای جدا کردن چند property مختلف از علامت ; استفاده می شود
شما برای اجرای فایل های سی اس اس فقط به یک مرورگر نیاز دارید، یک مرورگر (Browser) و ترکیب فایل های CSS با HTML است.
در دستور فوق ،استایل ها روی همه پاراگراف های موجود در صفحه وب اعمال می شود .
چنانچه مایل باشیم دستورات استایل روی یک عنصر یا گروهی از عناصر مورد نظر ما اعمال شود ،
باید از id (یک عنصرمثلا یک پاراگراف خاص) و class (یک گروه از عناصر مثلا گروهی از پاراگراف ها ) استفاده کنیم .
به سه طریق میتوان CSS را به عناصر HTML اضافه کرد:
روش اول– inline : در این روش استایلهای هر عنصر داخل تگ نوشته میشوند.
روش دوم– internal : در این روش تمامی کدهای css صفحه در تگ head و style نوشته میشوند.
روش سوم– external : در این روش استایلها در یک فایل سی اس اس جداگانه نوشته شده و لینک آن در header صفحه گنجانده میشود و بهترین روش برای افزودن CSS به HTML محسوب میشود.
زبان برنامهنویسی، زبانی هست که در اون از شرطها، حلقه ها و اینطور قوانینی استفاده میشه. اما در CSS و HTML، این قوانین رو نداریم. در واقع HTML یک زبان نشانه گذاری و CSS، یک زبان شیوه نامه هست.
زبان نشانه گذاری ،زبانی هست که بر اساس یک سری از قواعد، وظیفه چینش درست متن و در کل، محتوا رو برعهده میگیره و تا حد ابتداییای، میتونه اون هارو ویرایش کنه.
زبان شیوه نامه (استایل دهی) ، زبانی هست که نحوه نمایش متن و محتوای تولید شده توسط زبان نشانه گذاری رو برعهده داره.
در طراحی وب سایت از HTML برای ایجاد اجزای تشکیل دهنده سایت استفاده میشود پس از ایجاد اجزا تشکیل دهنده صفحه سایت را با استفاده از CSS به آن ها شکل میدهند زیرا اجزای صفحه به صورت نا مرتب و نا منظم بوده و فرم خاصی ندارند.