برگه های سبک آبشاری html
CSS مخفف Cascading Style Sheets به معنای برگه های سبک آبشاری ، برای استایل
دادن به عناصر HTML استفاده می شود
Look! Styles and colors
This text is in Verdana and red
This text is in Times and blue
This text is 30 pixels high
مثال ها - خودتان امتحان کنید
چگونگی اضافه کردن استایل ها در داخل تگ <head>
چگونگی ایجاد لینکی که زیرخطدار نیست با صفت style
چگونگی استفاده از تگ <link> برای لینک به یک برگه سبک خارجی
استایل دادن به HTML با CSS
CSS به همراه HTML 4 برای فراهم آوردن یک راه بهتر برای استایل دادن به عناصر
HTML معرفی شد CSS به روش های زیر می تواند به HTML اضافه شود
- خطی (inline) : با استفاده از صفت style در عناصر HTML
- داخلی (internal) : با استفاده از عنصر style در بخش <head>
- خارجی (external) : با استفاده از یک فایل خارجی CSS
راه ترجیح داده شده برای اضافه کردن CSS به HTML این است که قواعد CSS را در یک
فایل جداگانه CSS قرار دهید هر چند ما در این خودآموز HTML به شما CSS را با استفاده
از صفت style معرفی می کنیم همچنین شما به سادگی می توانید کد خود را ویرایش
کنید شما می توانید همه چیز را در رابطه با CSS در خودآموز CSS ما فرابگیرید
استایل های خطی
یک استایل خطی می تواند استفاده شود اگر یک استایل منحصر به فرد به یک عنصر
اعمال شود برای استفاده از استایل های خطی ، از صفت style در تگ مربوطه استفاده
کنید صفت style می تواند شامل هر خاصیتی (property) باشد مثال زیر چگونگی تغییر
رنگ متن و حاشیه چپ پاراگراف را نشان می دهد
<p style="color:blue;margin-left:20px;">This is a paragraph.</p>
برای فراگیری بیشتر در رابطه با برگه های سبک از آموزش CSS ما بازدید فرمایید
مثالی از استایل - رنگ پس زمینه (background color)
خاصیت background-color رنگ پس زمینه برای یک عنصر را تعریف می کند
به جای صفت bgcolor از صفت style استفاده کنید چون صفت bgcolor منسوخ شده است
مثالی از استایل - Font , color , size
font-size و color و font-family ، به ترتیب اندازه و رنگ و فونت متن را مشخص می کند
به جای تگ <font> از صفت style استفاده کنید چون تگ <font> منسوخ شده است
مثالی از استایل - چیدمان متن
text-align چیدمان افقی متن را مشخص می کند
به جای تگ center از صفت style استفاده کنید چون تگ center منسوخ شده است
برگه سبک داخلی
یک برگه سبک داخلی می تواند استفاده بشود اگر سند تنها یک استایل یکتا داشته
باشد استایل های داخلی در بخش head ِ یک صفحه HTML با استفاده از تگ <style>
تعریف می شوند مانند زیر:
<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>
برگه سبک خارجی
یک برگه سبک خارجی ایده آل است وقتی که به بسیاری از صفحات استایل اعمال می
شود با یک برگه سبک خارجی شما می توانید ظاهر تمام وب سایت را با تغییر یک فایل
تغییر دهید هر صفحه باید به برگه سبک با استفاده از تگ <link> لینک شود تگ <link>
در بخش head باید قرار گیرد
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
تگ های استایل HTML
یک استایل را برای یک سند تعریف می کند <style> ارتباط بین یک سند و یک منبع خارجی را تعریف می کند <link>
تگ ها و صفت های از بین رفته ( دیگر استاندارد نیست)
در HTML 4 بعضی از تگ ها که برای استایل دادن به سند استفاده می شند از بین رفتند
( دیگر استاندارد نیستند) به این معنی که آن ها دیگر در نسخه های بعدی HTML و XHTML
پشتیبانی نمی شوند
پیام روشن است : از تگ ها و صفت های از بین رفته اجتناب کنید
از این تگ ها و صفت ها باید اجتناب کنید
به جای همه تگ ها و صفت های بالا از استایل ها استفاده کنید
ازاستفاده از عناصر <font> و <center> و <strike> و صفت های bgcolor و color
اجتناب کنید
