تاپیک جامع آموزش زبان CSS از ابتدا تا انتها
باسلام
CSS یا همان Cascading Style Sheet روشی است برای قالب بندی و طراحی اجزای صفحه از قبیل متن، تصویر، زمینه صفحه، کادرها و تقریباً هر چیزی که در طراحی صفحه استفاده می شود بدون استفاده از کدهای HTML. از طریق این استایل شیتها می توانیم از دوباره نویسی کدهای HTML که باعث مشکل شدن کد نویسی و همچنین کند شدن سرعت بارگذاری صفحه در اینترنت می شود جلوگیری کنیم. برای مثال می توانیم یک بار نوع فونت مورد استفاده در یک صفحه را تعیین کنیم و دیگر مجبور نباشیم کد مربوط به فونت را در صفحه به کار ببریم. همچنین می توانیم از این ابزار قدرتمند در مواردی به جای جاوا اسکرپت نیز استفاده کنیم و چون مشکلات جاوا اسکرپت مثلاً غیر فعال بودن جاوا اسکرپت در مرورگر را ندارد با خیالی آسوده تر می توانیم از آن استفاده کنیم.
CSS هم مانند جاوا اسکرپت این امکان را به ما می دهد که از یک فایل استایل خارجی برای تعیین خواص بخشهای مختلف صفحه های یک سایت استفاده کنیم. در این صورت می توانیم ظاهر همه صفحه ها را با ایجاد یک تغییر کوچک در فایل استایل خارجی تغییر دهیم. مثلاً فرض کنید که رنگ متن همچنین نوع فونت متن صفحه هایمان را در یک فایل استایل تعیین کرده ایم و از آن در طراحی چندین صفحه استفاده کرده ایم، حالا اگر بخواهیم رنگ متن همه این صفحات را تغییر دهیم تنها کافی است تا رنگ متن را در همان فایل استایل تغییر دهیم و نیازی به تغییر دادن صفحات نداریم.
در این قسمت به معرفی قابلیتهای مختلف CSS خواهیم پرداخت .
باتشکر
روش های استفاده از CSS در سند HTML
در این قسمت می خواهیم روش های استفاده و یا قراردادن کد CSS در سند HTML را برایتان توضیح بدهیم.
1) قرار دادن دستورات CSS در داخل فایل HTML یا (Embeded Style Shet)
کد:
<style type="text/css">
yor codes
<style/>
کد فوق باید در بالای سند و در داخل تگ <head/> قرار بگیرد.
2) قرار دادن دستورات CSS در یک فایل متنی جداگانه با پسوند CSS. و استفاده از تگ <link/> برای ارتباط این فایل به فایل HTML.
کد:
<"/link rel="stylesheet" type="text/css" href="style.css">
در کد بالا یک فایل CSS خارجی با نام style.css به صفحه لینک داده شده است. کد فوق باید در بالای سند HTML و در داخل تگ <head/> قرار بگیرد.
3) دستورات CSS می توانند به طور مستقیم در داخل عناصر HTML و با استفاده از صفت عمومی style در تگ های HTML استفاده شوند.
کد:
<body style="your codes">
<body/>
4) با استفاده از دستور import@ می توان دستورات CSS را به هر دو صورت Embeded و Linked در یک فایل وارد کرد.
کد:
<style type="text/css">
import@
<style/>
در استفاده از CSS به صورت Linked (روش دوم) ممکن است این فایل CSS توسط مرورگر ذخیره شده و با Refresh کردن صفحه آپدیت نشود.
در این تاپیک ادامه داده خواهد شد.
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
