آخرین های برنامه نویسی

آموزش ویژوال بیسیک، فوکوس

آموزش ویژوال بیسیک، فوکوس

فوکوس یعنی توانایی دریافت ورودی کاربر با ماوس و کیبورد است. وقتی یک آبجکت دارای فوکوس است یعنی آن می تواند...

آموزش HTML ، در مورد CSS

مجموعه : آموزش HTML

htmlبه نام خدا

CSS یا Cascading Style Sheets برای ایجاد استیل در عناصر صفحه است. به نوشته های زیر نگاه کنید:

style

CSS با html 4 ایجاد شد تا نمای بهتری به عناصر صفحه بدهد.

CSS را به 3 روش به صفحه اضافه می کنند.

1- Inline  به شکل صفات برای عناصر صفحه.

2- Internal در قسمت head صفحه صفات نوشته شود.

3- External در فایلی جدا نوشته شود.

روش ارجح سومین روش است. یعنی در فایلهای css .

Inline Styles:

این حالت وقتی استفاده می شود که یک استیل برای یک عنصر استفاده شود.

برای این کار استیل را در تگ مربوطه قرار می دهیم. به مثال زیر توجه کنید:

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

مثال رنگ پس زمینه:

<!DOCTYPE html>

<html>

<body style="background-color:yellow;">

<h2 style="background-color:red;">This is a heading</h2>

<p style="background-color:green;">This is a paragraph.</p>

</body>

</html>

قبلا bgcolor استفاده میشد که منسوخ شده.

مثال فونت و رنگ و سایز:

<!DOCTYPE html>

<html>

<body>

<h1 style="font-family:verdana;">A heading</h1>

<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>

</body>

</html>

قبلاً تگی به نام font داشتیم که منسوخ شده.

مثال text alignment  :

<!DOCTYPE html>

<html>

<body>

<h1 style="text-align:center;">Center-aligned heading</h1>

<p>This is a paragraph.</p>

</body>

</html>

قبلاً تگ center داشتیم که منسوخ شده.

Internal Style Sheet :

وقتی استفاده میشه که یک صفحه منفرد فقط داشته باشیم.

این کار داخل head انجام میشود.

<head>

<style type="text/css">

body {background-color:yellow;}

p {color:blue;}

</style>

</head>

External Style Sheet :

وقتی استفاده میشه که صفحات متعدد دارید. همه صفحات به فایل css لینک می دهند. با تغییر این فایل کل سایت شما(همه صفحات) تغییر می کند.

<head>

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

</head>

.

برای مشاهده فهرست مقالات و توضیحات راهنما به این تاپیک مراجعه کنید:
آموزش html
کاری از: ali_mohammad6
منبع:
http://www.w3schools.com/html/html_css.asp

پیشنهاد میشود :

فرستادن دیدگاه


عضویت در خبرنامه
  • 1.در صورتیکه تمایل دارید مطالب سایت به ایمیل شما ارسال شود لطفا ایمیل خود را در کادر زیر بنویسید.
  • 2.از ایمیل شما به هیچ عنوان استفاده تبلیغاتی نخواهد شد.
  • 3.هر شب فقط یک ایمیل برای شما ارسال میشود که هیچ گونه تبلیغاتی نداشته و فقط لینک مطالب جدید داخل آن خواهد بود.
  • 5.بعد از ثبت ایمیل کد فعال سازی به ایمیل شما ارسال میشود حتما روی لینک داخل ایمیل کلیک کنید تا ایمیل شما تایید شود
  • 6.در صورتی که ایمیل خود را تایید نکنید مطالب سایت برای شما ارسال نخواهد شد
  • 4.هر زمان که بخواهید فقط با یک کلیک عضویت شما حذف خواهد شد.


آخریـــن هـــای گـــالـــری عـــکـــس