سی‌اس‌اس یا CSS مخفف کلمه (Cascading Style Sheets) و به معنی شیوه نامه آبشاری می باشد. CSS در کنار HTML، هستهٔ فناوری ساخت صفحه‌های وب هستند. CSS روشی ساده برای نمایش چیدمان و جلوه‌های تصویری (مانند نوع قلم، رنگ و اندازه‌ها) صفحات وب است.
CSS از جنس زبان‌های نشانه‌گذاری، با ساختار متن سادهٔ رایانه هستند و درون هرکدام، دستورهایی آبشار مانند و پی‌درپی، برای چگونگی نمایش هر صفحه وب افزوده می‌شود.
به گفته‌ای ساده‌تر، این دستورها روش نشان داده شدن قلم‌ها و اندازه‌شان، رنگ‌ها و پس زمینه‌ها، روش چیدمان داده ها و بسیاری دیگر از عنصرهای ساختار هر صفحه وب را، درون خود جای می‌دهند.
برای شروع یادگیری مبانی و دستورات CSS، ابتدا بایستی با زبان HTML آشنا و مسلط باشید. همچنین می توانید هر دو را همزمان با هم شروع به یادگیری کنید. اگر اسکلت بدن انسان را HTML تشبیه کنید، CSS همانند گوشت و پوست است که به انسان زیبایی میبخشد.
نحوه استفاده از CSS
برای درج CSS در یک سند HTML از یکی از سه روش زیر می‌توان بهره گرفت:
-
استایل خارجی
- در این روش برای اتصال یک سند CSS که با پسوند
.cssشناخته می‌شود، از تگ <link> در قسمت <head> استفاده می‌شود. مثال: -
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"/> </head>
-
استایل داخلی
- شیوه‌نامهٔ داخلی در قسمت <head> در سند HTML، با استفاده از تگ <style> معین می‌گردد. مانند زیر:
-
<head> <style type="text/css"> hr {color:sienna;} p {margin-left:20px;} </style> </head>
-
استایل درون خطی
- در این روش مشخصات شیوه‌نامهٔ در تگ <style> ذکر می‌شود. مانند زیر:
-
<p style="color:sienna;margin-left:20px">آموزش CSS</p>
در این دوره، شما به صورت کامل و پیشرفته با دستورات CSS و طریقه به کارگیری آنها در صفحات وب آشنا خواهید شد و یاد خواهید گرفت که چگونه به صفحات وب خود جلوه و زیبایی دهید.
CSS زبانی شیرین و قابل فهم است که مطمئنم با یادگیری هر چه بیشتر دستورات و مبانی CSS، این موضوع را به مرور درک خواهید کرد.
با آموزش پیشرفته و مرحله به مرحله CSS همراه باشید.
