CSS یک شیوه نامه آبشار است که برای ایجاد عناصر بصری در یک صفحه منابع اینترنتی استفاده می شود. ارائه اشیا مشخص شده در CSS به زبان نشانه گذاری HTML پیاده سازی می شود. جداول آبشار خود به تنهایی قابل استفاده نیستند.
استفاده از CSS
CSS یک زبان سبک است که ارائه عناصر نشانه گذاری HTML را پیاده سازی می کند. جداول آبشار به شما امکان می دهند گزینه هایی را که در HTML قابل تغییر نیستند ، شخصی سازی کنید. به عنوان مثال ، با استفاده از زبان سبک ، می توانید سبک قلم ، رنگ را ویرایش کنید. CSS به شما امکان می دهد حاشیه ها ، خطوط ، لایه برداری ، عرض ، عناصر موقعیت را تنظیم کرده و خروجی پارامترهایی را که با استفاده از HTML "خالص" غیرممکن است ، انجام دهید.
سبک های آبشار تقریباً توسط همه مرورگرها پشتیبانی می شوند و تقریباً در هر منبع وب استفاده می شوند. آنها با استفاده از یک زبان مشخص نمایش محتوا را کنترل می کنند و به شما امکان می دهند نمایش موارد را برای رسانه های مختلف کنترل کنید.
اگر از HTML فقط به عنوان ساختاری متن یک صفحه استفاده می شود ، CSS به شما امکان می دهد نمایش محتوای نمایش داده شده را سفارشی کنید.
نحو CSS و گنجاندن آن در کد HTML
هنگام طراحی یک صفحه ، استفاده از CSS نسبت به ابزارهای HTML ترجیح داده می شود. واقعیت این است که HTML در ابتدا ابزاری برای ویرایش رنگ عناصر نداشته و برای تنظیم پارامترهای رنگ و نمایش نبوده است و بنابراین استفاده از توصیف کنندگان HTML برای ایجاد یک طرح ممکن است توسط برخی از توسعه دهندگان وب نادرست تلقی شود.
CSS نحوی متفاوت از HTML دارد و از طریق برچسب ها در کد صفحه موجود است. همچنین می توانید با استفاده از برچسب پارامترها کد CSS را که در یک فایل جداگانه است ادغام کنید:
کد CSS یک نحو خاص دارد که باید کاملاً به آن عمل شود ، در غیر این صورت سبک های تولید شده در صفحه نمایش داده نمی شوند. بخشی از کد CSS را می توان به 3 عنصر اصلی تقسیم کرد: انتخاب ، ویژگی و مقدار. این موارد به شرح زیر نوشته شده است:
انتخابگر {property: value؛ }
انتخابگر دسته ای را که قانون نمایش تولید شده بر آن اعمال می شود ، مشخص می کند. پارامتر ویژگی جنبه قابل ویرایش عنصر را تعریف می کند و مقدار گزینه مربوطه را برای خاصیت تعریف می کند. به عنوان مثال ، برای تغییر رنگ در عنوان سطح دوم
HTML ، می توانید کد زیر را اعمال کنید:
h2 {رنگ: قرمز؛ }
این کد رنگ متن را به قرمز تنظیم می کند ، که در توصیف عنوان سطح دوم قرار دارد.
CSS از جدول استاندارد رنگ HTML استفاده می کند.
علاوه بر استفاده از برچسب ها ، می توانید از برچسب های داخلی نیز استفاده کنید. مثلا:
عنوان
این کد با کدی که در بالا توضیح داده شد یکسان است ، با این تفاوت که پارامترهای CSS خود در داخل توصیف کننده مورد نیاز برای ویرایش تنظیم شده اند.
