انواع استایل ها

انواع استایل ها ​

استايلهاCSS
(Cascading style sheet) بر سه نوع هستند.
۱. Inline Style: اين نوع
استايل در داخل تگهاي HTML به كار گرفته ميشوند، واين
استايل فقط بروي همان تگ به خصوص تاثير خواهد گذاشت و به صورت زير نوشته
خواهدشد:​

<tag
style="Style Declarations">​

*Style declarations: حالتهاي و
نوع استايلهاي هستش.​

براي مثال:​

<h2
style="color:red; font-family:arial">Bolghan Tools</h2>​

Bolghan Tools

۲.
Embedded or Global Style: در اين نوع،
استايل نوشته شدهدر تمامي صفحه تاثير خواهد
گذاشت، اينرا بين دو تگ
(<head></head>) بهصورت زير نوشته خواهد شد.​

<style>

Style Declaration

</style>​

براي مثال:​

<style>

h1 {color: gold;
font-family: Times New Roman}</style>​

۳. Linked or External style
sheet: نوع آخر هم معروف بهاستايلهاي خارجي هستند كه به صورت لينك فايل استايل را به
صفحات خود لينك ميدهيد. فايلهاي استايل با فرمت CSS ذخيره ميشوند و به صورت زير به صفحات لينك دادهميشود.​

<link
href="url" rel="relation type" type="link type">​

* URL: آدرس
فايل استايل | *Relation type: برابر با stylesheet هست | *link type: هم با text/css برابر ميباشد.​

براي مثال:​

<link
href="http://tools.bolghan.com/test.css" rel="stylesheet"
type="text/css">​