سلام
خوبيد ؟
آقا استایل شیتها (Style Sheet ) به سه صورت هستند :
1-استایل شیتهای خارجی (external style sheet) :
در این روش تمامی استیلها و تعاریف نمایشی درون فایلی جداگانه قرار گرفته و بسیار مناسب حالتهائی است که قرار است که استایلی به بیش از یک صفحه HTML اعمال شود. مزیت این روش سهولت در تغییر ظاهر صفحات یک وب سایت میباشد و برای یک تغییر کلی در سایت کافی است که فایل استایل شیت کل سایت که معمولا یک فایل واحد است تغییر داده شود. (باید توجه داشت که در این حالت تمامی صفحات سایت باید به یک فایل استایل شیت واحد لینک شده باشند.) استایل شیتهای خارجی توسط تگ <link> که درون بخش head صفحات HTML قرار میگیرد، معرفی میشوند.
در مثال زیر با کمک شناسه href از تگ Link نام و در حالت کلی URL فایل در برگیرنده استایلهای تعریف شده تعیین میگردد
مثال:
کد:
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
2-استایل شیتهای داخلی (Internal Style Sheet) :
کاربرد این روش در حالتهائی است که صفحه HTML نیازمند تعریف استایلی منحصر به فرد بوده و استایل طراحی شده فقط به درد آن صفحه خواهد خورد. در این حالت باید کدهای حاوی تعریف استایل درون تگ های <style> و <style/> قرار گرفته و معمولا نتیجه درون بخش head صفحه HTML گذاشته میشود.
مثال:
کد:
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 15px}
</style>
</head>
3-استایل شیتهای محلي ( Locally Style Sheet) :
کاربرد این روش در مواردی است که باید برای یک المان (یا گروهی) خاص استایلی اعمال شود. در این حالت باید از شناسه ای به نام style که تقریبا در تمامی تگها قابل اعمال است استفاده شود.
مثال:
کد:
<p style="color: Blue; margin-left: 12px">
This is a paragraph
</p>
موفق باشيد
علي
