سبک های HTML یا HTML Styles
سبک های HTML یا HTML Styles
از ویژگیstyleدر HTML یا همان HTML Styles برای افزودن سبک ها به یک عنصر مانند رنگ ، قلم ، اندازه و موارد دیگر استفاده می شود .
مثال :
من قرمز هستم
من آبی هستم
من بزرگ هستم
ویژگی سبک HTML
تنظیم سبک یک عنصر HTML می تواند با ویژگیstyle انجام شود .
ویژگی styleدر HTML دارای نحو زیر است :
|
۱
|
<tagname style=”property:value;“>
|
property یک ویژگی CSS است . value یک مقدار CSS است .
رنگ پس زمینه
ویژگی background-colorدر CSS رنگ پس زمینه را برای یک عنصر HTML تعریف می کند .
مثال :
رنگ پس زمینه یک صفحه را روی property آبی تنظیم کنید :
|
۱
۲
۳
۴
۵
۶
|
<body style=”background-color:powderblue;”> <h1>This is a heading</h1> </body> |
مثال :
رنگ زمینه را برای دو عنصر مختلف تنظیم کنید :
|
۱
۲
۳
۴
۵
۶
|
<body> <h1 style=”background-color:powderblue;”>This is a heading</h1> </body> |
رنگ متن
ویژگی colorدر CSS رنگ متن را برای یک عنصر HTML تعریف می کند :
مثال :
|
۱
۲
|
<h1 style=”color:blue;”>This is a heading</h1>
<p style=”color:red;”>This is a paragraph.</p> |
قلم ها یا Fonts
ویژگی font-familyدر CSS فونت مورد استفاده برای یک عنصر HTML را تعریف می کند :
مثال :
|
۱
۲
|
<h1 style=”font-family:verdana;”>This is a heading</h1>
<p style=”font-family:courier;”>This is a paragraph.</p> |
اندازه متن
ویژگی font-sizeدر CSS اندازه متن را برای یک عنصر HTML تعریف می کند :
مثال :
|
۱
۲
|
<h1 style=”font-size:300%;”>This is a heading</h1>
<p style=”font-size:160%;”>This is a paragraph.</p> |
تراز متن
ویژگی text-alignدر CSS تراز بندی متن افقی برای یک عنصر HTML را تعریف می کند :
مثال :
|
۱
۲
|
<h1 style=”text-align:center;”>Centered Heading</h1>
<p style=”text-align:center;”>Centered paragraph.</p> |
خلاصه ی مقاله
- از این ویژگی
styleبرای یک ظاهر طراحی شده در عناصر HTML استفاده کنید . background-colorبرای رنگ پس زمینه استفاده کنید .- استفاده
colorبرای رنگ متن - استفاده
font-familyبرای فونت های متن font-sizeبرای اندازه متن استفاده کنید .text-alignبرای تراز بندی متن استفاده کنید .
در مقالات آینده سر وقت CSS خواهیم رفت و کامل آن را به شما آموزش خواهم داد.
تمامی مراحل آموزشی این دوره در آدرس HTML قرار دارد.
منتظر نظرات و پیشنهادات زیبای شما هستم .