می توانید CSS را در قالب هر یک از تگ های HTML اعمال کنید و یا تمام کدهای CSS را در ابتدای HTML قرار دهید، همچنین می توانید CSS را در یک فایل جداگانه قرار دهید
بطور کلی ما از ۳ روش میتونیم از دستورات CSS استفاده نماییم :
- روش خطی یا درون خطی یا اینلاین یا Inline
- روش داخلی یا درون صفحه ای یا Internal
- روش خارجی یا مجزا یا External
1- روش خطی یا درون خطی یا اینلاین یا Inline
در این روش ما باید از صفت style درون هر یک از عناصر HTML که میخواهیم برای آن استایل تعریف نماییم، استفاده کنیم.
<!DOCTYPE html>
<html>
<head>
<title>webbookies.com</title>
</head>
<body>
<h2 style="color:red;text-align:center;">This is a heading</h2>
<p style="color:brown;">This is a paragraph.</p>
</body>
</html>اولویت اجرای دستورات CSS
- اولویت اول با روش خطی که با صفت Style ایجاد می شود می باشد.
- اولویت دوم با روش Internal و سپس با روش استایل External می باشد.
- اولویت آخر هم توسط مرورگر اعمال می شود، یعنی اگه هیچ استایلی از روش های بالا تعریف نشده بود ، مرورگر با پیش فرض هایی که برای تگ ها از قبل تعریف شده، استایل را اعمال می کند.
نکاتی که باید درباره روش های استایل دهی مورد توجه قرار گیرد
- روش خطی : روش بهینه ای نمی باشد ، حتی در کش مرورگر قرار نمیگیرد و باعث می شود سرعت بارگذاری صفحه کم شود.
- روش داخلی : نسبت به روش خطی خیلی بهینه تر می باشد ولی عیب اصلی آن این است که اگر بخواهیم استایل های نوشته شده برای یک صفحه را در صفحات دیگر استفاده کنیم، باید استایل ها را در آن صفحه نیز کپی کنیم.
- روش خارجی : بهینه ترین روش ممکن می باشد، برای افزایش سرعت بارگذاری صفحه، حتما از این روش استفاده نمایید.
ديدگاه كاربران
دیدگاهی وجود ندارد