استایلها 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”>
دیدگاه خود را بیان کنید.
باید وارد سایت شده باشید برای دیدگاه دادن