css چیست؟

css چیست؟

css چیست؟

آموزش css
  • Css یک‌زبان برای تعریف کردن style برای html  می‌باشد.
  • Css تعیین می‌کند که چگونه عناصر html موجود در صفحه‌ ، نمایش داده شوند.
  • در این آموزش شما از مباحث ابتدایی تا پیشرفته css را آموزش خواهید دید.
css چیست
Css چیست ؟
Css درواقع مخفف عبارت‌های Cascading Style Sheets  است.
Css  تعیین می‌کند که چگونه عناصر Html در مرورگر نمایش داده شود.
شما می‌توانید با Css کارهای بسیار زیادی انجام دهید . کنترل کامل بر روی اجزای Html  در صفحه توسط این زبان برای شما انجام می‌شود.
کدهای css می‌تواند در یک فایل خارجی ذخیره شود .
چرا css
چرا باید از Css استفاده کنیم :
Css  درواقع تعریف یک Style  برای صفحات وب شما است.ازجمله طراحی بندی و تغییرات در سایت شما برای دستگاه‌های مختلف مثل موبایل ، تبلت ،  دسکتاپ و اندازه آن‌ها استفاده خواهد شد.
Css یک مشکل بسیار بزرگ را حل کرد
Html  به‌تنهایی هرگز زیبایی کافی برای طراحی و قالب‌بندی یک صفحه وب را در اختیار کاربر قرار نمی‌دهد.درواقع html برای توصیف محتوای یک وب مناسب است.به‌عنوان‌مثال
<h1> این‌یک عنوان است </ h1>
<p> این‌یک پاراگراف است. </ p>
وقتی‌که تگ‌هایی مثل <font>  و ویژگی‌های رنگی به مشخصات html3.2  اضافه شدند ، یک کابوس برای توسعه‌دهندگان وب بود.توسعه وب‌سایت‌های بسیار بزرگ ، که در آن فونت‌ها و اطلاعات رنگی به هر صفحه اضافه شد یک‌روند بسیار طولانی و خسته‌کننده بود.برای حل این مشکل کنسرسیوم جهانی وب W3c به فکر ایجاد Css افتاد و آن را ایجاد کرد.
Css  درواقع style  را از Html  جدا کرد و کار توسعه‌دهندگان را بسیار راحت کرد.Css موجب صرفه‌جویی در مقدار زیادی از کارهاست.تعاریف مربوط به Style  به‌طورمعمول در فایل های Css خارجی ذخیره می‌شود.
html و css
Css syntax
Selector : سکلتور به عنصر Html که می‌خواهید استایل دهید اشاره می‌کند.که در اینجا تگ <h1> می‌باشد.
Property : مشخص‌کننده صفت عنصری که توسط سلکتور انتخاب‌شده است.که در این قسمت صفت رنگ Color انتخاب‌شده است.
Value : مشخص‌کننده مقدار صفت که در این مثال رنگ آبی به H1 نسبت داده‌شده است.
نکته :پس از سکلتور "{" و  برای جدا کردن بین صفت و مقدار از :” و در انتها از “;”
syntax css

نمونه کد Html همراه با Css داخل
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red;
text-align: center;
}
</style>
</head>
<body>
 
<p>HtmlCenter</p>
<p>These paragraphs are styled with CSS.</p>
 
</body>
</html>