آموزش css

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

آنچه در این مقاله می خوانید ...

موارد استفاده از css! ویژگی های مالکیتی property در css!

موارد استفاده از css

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

یک مجموعه قوانین CSS شامل یک انتخابگر و یک بلوک اعلامیه است
برای شکل دادن به عناصر html ابتدا باید بتوانید آن ها را به درستی انتخاب کنید :
تمامی انتخابگر ها را در اینجا مشاهده نمایید.
در ادامه با تسلط به property ها میتوانید عناصر را در جای مورد نظر قرار داده و آن ها را زیبا سازی نمایید :
تمامی property ها را در اینجا مشاهده کنید.
قبل از موارد فوق ابتدا باید دانست که چگونه css را به سند خود معرفی کرد :
external
enternal
inline
CSS Syntax :
selector {
property1:value;
property2:value; …..
}
<head>
<link href=”style.css” rel=”stylesheet” type=”text/css”> //external
<style type=”text/css” >
p{color:red} //enternal
</style>
</head>
<body>
<div style=”width:10px” > //inline
content </div>
</body>

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

ویژگی های مالکیتی property در css

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

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