۰۲ مرداد ۱۳۹۰ ۲ 1563 بازدید

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

CSS  در اچ تی ام ال

در HTML4.0 همه قالب بندی ها می تواند از فایل HTML حذف شود، ودر یک شیوه نامه ذخیره شود.

چگونه از style استفاده کنید:

هنگامی که یک مرورگر یک شیوه نامه را خوانده است،بر طبق آن سند آنرا فرمت دهی می کند.

سه راه برای وارد کردن یک شیوه نامه وجود دارد :

شیوه نامه خارجی

شیوه نامه(CSS) داخل کدی

شیوه نامه درون خطی

که به توضیح هر کدام از آنها می پردازیم

شیوه نامه خارجی:یک CSS خارجی زمانی ایده آل است که استایل آن در بیشتر صفحات استفاده شود.

با یک CSS خارجی، شما می توانید ظاهر یک سایت را با تغییر دادن یک فایل تغییر دهید.

هر صفحه  شیوه نامه باید  با استفاده از تگ  link پیوند شود.

تگ link در داخل تگ head قرار می گیرد.

به عنوان مثال:

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

شیوه نامه(CSS) داخل کدی:

یک CSS داخلی را می توان مورد استفاده قرار داد اگر یک سند تنها از یک سبک دهی منحصر به فرد استفاده کند.
شیوه نامه داخلی با استفاده از تگ style، در بخش <HEAD>در یک صفحه HTML، تعریف می شود.
به عنوان مثال:

<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>

شیوه نامه درون خطی

شیوه نامه درون خطی می تواند مورد استفاده قرار گیرداگر استایل منحصر به فرد به یک رخداد منفرد از یک عنصر به کار رود.
برای استفاده ازاستایل درون خطی،از تگ های مربوطه استفاده کنید که می تواند حاوی هر خاصیت CSS باشد.
مثال زیر نشان می دهد که چگونه برای تغییر رنگ متن و حاشیه چپ از یک پاراگراف استفاده کنید:

<p style="color:blue;margin-left:20px;">This is a paragraph.</p>

نظرات کاربران (۲)



  1. مرتضی شحیطاط

    دستتان درنکنه خیلی خیلی خوب بود


  2. تگ آغازین شامل عنصری در مورد لینک است. محتوای عنصر (متن پیوند ) قسمتی است که نمایش داده خواهد شد. نکته : محتوای عنصر حتما نباید شامل متن باشد! میتواند شامل لینک یک عکس یا هر چیز دیگری باشد.