سبد خرید

بستن سبد خرید

سبد خرید شما خالی است.

تعداد محصول: 0 کل قیمت: تومان0

CSS در HTML

منظور از استایل دهی، تعیین ویژگی های ظاهری تگ های HTML شامل تصاویر، متون و سایر تگ هاست. اگر بخواهیم به متون یا هر عنصر HTML یک استایل خاصی بدهیم باید از CSS استفاده کنیم.

زمان مطالعه: 10 دقیقه

CSS در HTML ، استایل دهی یا style دادن به عناصر HTML، منظور از استایل دهی، تعیین ویژگی های ظاهری تگ های HTML شامل تصاویر، متون و سایر تگ هاست که در این آموزش گام به گام html از مبتدی تا پیشرفته به شما یاد خواهیم داد.

اگر بخواهیم به متون یا هر عنصر HTML یک استایل خاصی بدهیم باید از CSS استفاده کنیم. با CSS می توان به متون رنگ داد، فونت HTML را مشخص کرد، یا اندازه متن را تغییر داد و کارهایی مربوط به گرافیکی انجام داد.

3 روش برای تعریف CSS در سند HTML وجود دارد.

  • روش Inline
  • روش Internal
  • روش External

روش Inline :

درون تگ یا عنصر <h1> از خاصیت style استفاده می کنیم. کد زیر متن را آبی نمایش می دهد.

برای مثال:

<h1 style="color:blue;">این یک عنوان به رنگ آبی است</h1>

 

روش Internal :

در این روش با استفاده از تگ <style> درون تگ <head> می توانیم یک استایل ایجاد نماییم.

نکته: حتما تگ <style> را درون تگ <head> بنویسید. در این مثال به تگ <body> و <p> استایل رنگ دادیم.

<!DOCTYPE html>
<html> 
    <head> 
        <style> 
        
        body {background-color:lightgrey;} p {color:green;} 
        
        </style> 
    </head>
    
    <body>
        <p>the color of this text is green.</p>
    </body>

</html>

 

روش External :

در مثال زیر یک فایل با نام styles و پسوند css ایجاد کرده ایم. در این فایل استایل های خود را ایجاد کرده و سپس در سند html این فایل را الحاق می کنیم:

درون فایل styles.css:

body { 
    background-color: red;
} 

p { 
    color:blue; 
}

 

سپس فایل styles.css را به سند HTML الحاق می کنیم:

<!DOCTYPE html>
<html> 
    <head> 
        <link rel="stylesheet" href="styles.css">
    </head>
    
    <body> 
        <p>this is a paragraph</p>
    </body> 
</html>

 

خلاصه

  • با استفاده از خصویت style می توان جلوه های ظاهری یک تگ را تغییر داد.
  • با استفاده از background-color می تون رنگ پس زمینه را عوض کرد.
  • خاصیت color رنگ متون را تعیین می کند.
  • با استفاده از font-family فونت نوشته تغییر می کند.
  • با استفاده از font-size اندازه متون را می توان تنظیم کرد.
  • text-align چینش محتوای درون یک تگ را راست چین،وسط چین و یا چپ چین می نماید.
  • و خیلی موارد دیگر

پست های مشابه

19تیر 1400

CSS چیست و نقش آن در طراحی وب سایت که در این پست، طراحی و ساخت سایت را توضیح می دهیم، پس با ما همراه باشید. امروزه نرم افزارهایی برای طراحی وب سایت پدید آمده است که این امکان را می دهد که حتی بدون نیاز به دانش برنامه نویسی وب سایتی تولید و توسعه […]

97

0

28خرداد 1400

نمایش لودینگ یا نوار بارگذاری با CSS ، در این مقاله نحوه ی پروژه ایجاد لودینگ یا نوار بارگذاری کامل صفحه وب که با CSS نوشته شده را توضیح میدهیم.نمایش لودینگ صفحه یا بارگذاری کامل آن Preloader

139

0

27خرداد 1400

این پروژه ی بوم برخورددهنده به این صورت است که وقتی بوم ها یا مربع ها باهم برخورد می کنند…

55

0

دیدگاه و پرسش