آموزش css

css چیست؟

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


یک مجموعه قوانین CSS شامل یک انتخابگر و یک بلوک اعلامیه است
برای شکل دادن به عناصر html ابتدا باید بتوانید آن ها را به درستی انتخاب کنید :
تمامی انتخابگر ها را در اینجا مشاهده نمایید.
در ادامه با تسلط به property ها میتوانید عناصر را در جای مورد نظر قرار داده و آن ها را زیبا سازی نمایید :
تمامی property ها را در اینجا مشاهده کنید.
قبل از موارد فوق ابتدا باید دانست که چگونه css را به سند خود معرفی کرد که در آموزش سبک ها در html به این مورد اشاره کردیم و در روبرو مختصر به آن اشاره می کنیم :
external — enternal — inline

CSS Syntax :
selector {
property1:value;
property2:value; …..
}
<head>
<link href=”style.css” rel=”stylesheet” type=”text/css”>
<style type=”text/css” >p{color:red}</style>
</head>
<body>
<div style=”width:10px” > content </div>
</body>


برای انتخاب یک عنصر می توان از نام آن ها استفاده کرد، به عبارت دیگر برای فراخوانی عناصر HTML در کد های Css روش های متفاوتی وجود دارد که در ادامه با آن ها آشنا خواهید شد!

پس از فراخوانی عناصر باید توسط Property ها، شکل و اندازه دلخواه را روی آن ها اعمال کرد. برخی از مهمترین property ها عبارتند از : width __ height __ display __ color و …. که در ادامه به صورت موردی با آن ها آشنا خواهید شد.

با ما همراه باشید…

 

صفحه بعدیصفحه قبلی

 

تاریخ آخرین بروز رسانی:2017/12/29

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *