آموزش طراحی سایت

آموزش CSS / CSS3 – بخش اول

با سلام امروز در خدمت شما دوستان عزیز هستیم با معرفی CSS و نحوه نوشتن آن

 

پیش نیاز :

آشنایی با HTML

CSS چیست؟

آموزش CSS / CSS3 یا Cascade Style Sheets زبان برنامه نویسی می باشد که کنسرسیوم بین المللی شبکه جهانی وب برای غلبه بر مشکلاتی که در طی زمان با استفاده از HTML بوجود آمده است پیشنهاد داده است. عملا این زبان برنامه نویسی، مکملی بر زبان HTML است و سعی در پر کردن نقاط ضعف های آن دارد. CSS زبانی است که توسط آن قادر خواهید تا Style طراحی صفحات وب سایت را یکبار تعریف و به صفحات مورد نیازتان اعمال نمایید.

در کل سه روش برای نوشتن کد های CSS وجود دارد :

۱- به صورت خارجی ( External )

۲- به صورت داخلی ( Internal )

۳- به صورت درون خطی ( Inline )

۱- خارجی ( یک فایل مخصوص برای CSS ساخته و آن را در کد HTML فرا خوانی می کنیم )

۲- داخلی ( کد های CSS را بین دو تگ style در سند HTMl می نویسیم )

۳- درون خطی ( خاصیت style را به تگ مورد نظر اضافه کرده و کد های CSS می نویسیم )

مثال ها :

۱- خارجی (

a{

   color: blue;

}

۲- داخلی (

<style>

a{

   color: blue;

}

</style>

۳- درون خطی (

<a style=”color:blue;”>

<b style=”font-size:20px;”>Text</b>

</a>