آموزش html-جلسه هفتم-استایل دهی در html
استایل دهی های HTML
ویژگی سبک HTML برای افزودن سبک به یک عنصر مانند رنگ، فونت، اندازه و موارد دیگر استفاده می شود.
آبی
قرمز
ویژگی استایل HTML
تنظیم سبک یک عنصر HTML را می توان با ویژگی style انجام داد.
این ویژگی یک ویژگی CSS است. مقدار یک مقدار CSS است.
<tagname style="property:value;">
رنگ پس زمینه
ویژگی CSS background-color رنگ پس زمینه یک عنصر HTML را مشخص می کند.
<body style="background-color:powderblue;">
<h1>عنوان</h1>
<p>پاراگراف</p>
</body>
<body>
<h1 style="background-color:powderblue;">عنوان</h1>
<p style="background-color:tomato;">پاراگراف</p>
</body>
رنگ متن
ویژگی color CSS رنگ متن را برای یک عنصر HTML تعریف می کند:
<h1 style="color:blue;">عنوان</h1>
<p style="color:red;">پاراگراف</p>
فونت ها
ویژگی CSS font-family فونت مورد استفاده برای یک عنصر HTML را تعریف می کند:
<h1 style="font-family:verdana;">heading</h1>
<p style="font-family:courier;">paragraph.</p>
اندازه متن
ویژگی CSS font-size اندازه متن را برای یک عنصر HTML تعریف می کند:
<h1 style="font-size:300%;">عنوان</h1>
<p style="font-size:160%;">پاراگراف</p>
تراز متن
ویژگی CSS text-align تراز افقی متن را برای یک عنصر HTML تعریف می کند:
<h1 style="text-align:center;">عنوان وسط</h1>
<p style="text-align:center;">پاراگراف وسط</p>
خلاصه ی فصل
از ویژگی style برای استایل دادن به عناصر HTML استفاده کنید
از background-color برای رنگ پس زمینه استفاده کنید
از color برای رنگ های متن استفاده کنید
از font-family برای فونت های متنی استفاده کنید
از font-size برای اندازه متن استفاده کنید
از text-align برای تراز کردن متن استفاده کنید
