چگونه از کد css در html استفاده کنم؟

Question

لطفا کامل توضیح بدید؟

Comments

لطفا تصحیح کنید سوالتون رو

Answer 1

css مخفف Cascading Style Sheets به معنی استایل دهی صفحات به صورت آبشاری ، یعنی چی به صورت آبشاری ، یعنی اینکه به سه روش میشه استایل (کد css) مورد نظر رو به صفحه html انتساب داد. و هر روش به روش بعدی خودش الویت داره

سه روش عبارتند از :

۱) استایل دهی درون خطی (درون تگی)

برای استفاده از این روش درون تگ مورد نظر با تعریف ، style  ،  attribute دستور مورد نظر خوردت رو بنویس 

<div  style="padding:10px 3px 10px 0px">


</div>

 

۲)استایل دهی درون سندی

برای استفاده از این روش در تگ <header> تگ <style> را ایجاد و درون آن دستورات css مورد نظر خود را می نوسیم

<header>

<style>
p{
color: #000000;
font-size: 16px;
}
</style>

</header>

۳)استایل دهی از طریق فایل خارجی

برای استفاده از این روش یک فایل  با پسوند css ایجاد کرده و  دستورات مورد نظر را درون آن نوشته و سپس فایل را درون html  ( درون تگ header) فراخوانی می کنیم. به شکل زیر :

<header>

<link rel="stylesheet" type="text/css" href="mystyle.css"> 

</header>

 

حالا الویت اجرا به ترتیب از ۱ تا ۳ هست ، یعنی الویت اجرای دستورات css درون تگی بیشتر از همه هست ، چون گاها ممکن هست یک دستور خاص بر روی همه تگ ها اعمال بشه ولی بر روی تگی خاص به شیوه دیگه میخواهیم اعمال بشه ، پس اینجا استایل دهی آبشاری به کمک میاد و با نوشت css درون تگ html مورد نظر استایل خاص را اعمال میکنیم.

 

میتونی آموزش کامل رو از سایت های زیر ببینی

http://www.w3schools.com/css/

www.azad-dl.com

موفق باشی

 

Answer 2

برای مثال می توانید css را درون یک فایل با پسوند css بصورت زیر تعریف کنید:

.center {
    text-align: center;
    color: red;
}

سپس از آن با استفاده از خصوصیت کلاس در المان های HTML استفاده کنید:

<h1 class="center">Red and center-aligned heading</h1>
<p class="center">Red and center-aligned paragraph.</p>