CSS

آموزش پیشرفته CSS: مقدمه

سی‌اس‌اس یا CSS مخفف کلمه (Cascading Style Sheets) و به معنی شیوه نامه آبشاری می باشد. CSS در کنار HTML، هستهٔ فناوری ساخت صفحه‌های وب هستند. CSS روشی ساده برای نمایش چیدمان و جلوه‌های تصویری (مانند نوع قلم، رنگ و اندازه‌ها) صفحات وب است.
 CSS از جنس زبان‌های نشانه‌گذاری، با ساختار متن سادهٔ رایانه هستند و درون هرکدام، دستورهایی آبشار مانند و پی‌درپی، برای چگونگی نمایش هر صفحه وب افزوده می‌شود.
به گفته‌ای ساده‌تر، این دستورها روش نشان داده شدن قلم‌ها و اندازه‌شان، رنگ‌ها و پس زمینه‌ها، روش چیدمان داده ها و بسیاری دیگر از عنصرهای ساختار هر صفحه وب را، درون خود جای می‌دهند.

برای شروع یادگیری مبانی و دستورات CSS، ابتدا بایستی با زبان HTML آشنا و مسلط باشید. همچنین می توانید هر دو را همزمان با هم شروع به یادگیری کنید. اگر اسکلت بدن انسان را HTML تشبیه کنید، CSS همانند گوشت و پوست است که به انسان زیبایی میبخشد. 

آموزش HTML

نحوه استفاده از 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 همراه باشید.

شروع آموزش

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد.

دکمه بازگشت به بالا