شیوه های استفاده از css در صفحات وب سایت

آیا شما هم دوست دارید شیوه های استفاده از css را بدانید ؟

در سری آموزش طراحی وب سایت با html و css به شیوه استفاده از css پرداختیم، اما در این بخش می خواهیم کمی بیشتر به شیوه های استفاده از css بپردازیم، در حقیقت برای نوشتن کدهای css می توان به سه شکل عمل کرد، که در همین قسمت به آنها خواهیم پرداخت.

 

۱٫ در روش فایل های خارجی به راحتی در قسمت تگ <head> و با استفاده از تگ <link> می توانستید فایل css را ضمیمه کرده و از آن استفاده کنید، مانند کد زیر.

<html>
<head>
<link rel=”stylesheet” type=”text/css” href=”style.css” />
</head>
<body>
</body>
</html>

 

۲٫ اما روش دیگری وجود دارد که به آن کدهای داخلی می گویند که با استفاده از تگ style نوشته می شود و بیشتر در صفحات کوچک، زمانی که امکان استفاده از فایل css به صورت جداگانه فراهم نباشد، مدیریت صفحات وب و غیره کاربرد دارد، مانند مثال زیر.

<html>
<head>
<style type=”text/css”>
…..
…..
</style>
</head>
<body>
</body>
</html>

 

در کد بالا، آنچه که مابین تگ <style> نوشته شود، شامل کدهای css شما خواهد بود و دیگر نیازی به استفاده از کدهای css خارجی مانند نمونه اول نمی باشد.

۳٫ روش سوم استفاده از style در کنار تگ های html می باشد، این روش در زمانی که استایل دهی شما محدود باشد بسیار کاربرد دارد، مثلا زمانی که در یک ویرایشگر می خواهید یک قسمت از متن را تغییرات کوچکی بدهید، در زیر یک مثال نیز آورده شده است.

<html>
<head>
</head>
<body>
<p style=”font: 18px Tahoma;”>This is a test </p>
<p> This is a Question </p>
</body>
</html>

 

همانطور که در کد بالا میبینید، فقط در یکی از تگ های پاراگراف از کد css و با استفاده از style تغییرات ایجاد کرده ایم، این یک روش بسیار ساده، سبک و کاربردی در مواقع خاص و اضطراری می باشد.