آموزش جامع و كاربردي كدنويسي استايل شت,css - قسمت چهارم - Style در Head : ( روش داخلی )
استفاده از استایلها می تواند به ما کمک کند تا از دوباره نویسی فرمانهاجلوگیری کنیم. برای انجام این کار ما می توانیم یک Style را در بخش HEAD در متن HTML خود تعریف کنیم. یک استایل در HEAD با تگ <STYLE> آغازمی شود و با <STYLE/> به پایان می رسد. در قسمت زیر می توانید یکنمونه از استایل را که مشخصاتی را برای تگ <SPAN> تعریف می کندمشاهده کنید که در بخش HEAD در متن قرار گرفته است.
کد:
<head>
<style>
<!–
span { color:red; font-style:italic }
–>
</style>
</head>
همانطور که می بینید استایل با تگ <style> آغاز می شود. سپس یککامنت را شروع می کنیم تا مرورگرهایی که از CSS پشتیبانی نمی کنند استایلرا نادیده بگیرند و در صفحه به نمایش در نیاورند. در قسمت بعد این خط رامشاهده می کنید:
کد:
کد:
span { color:red; font-style:italic }
ین خط مشخص می کند که هر بار که در صفحه از تگهای <SPAN> <SPAN/> استفاده می شود. متن بین آنها به رنگ قرمز و به صورتایتالیک نمایش داده می شود. در نوشتن استایل باید در نظر داشته باشید کهنباید از علامتهای کوچکتر و بزرگتر ( < و > ) که در اطراف تگهای HTML استفاده می شود، استفاده کنید. همچنین به جای استفاده از علامتهاینقل قول ( ” ” ) که در متن HTML استفاده می شود از آکولاد ( { } ) دراطراف خواص استایل استفاده می کنیم. خواص مختلف یک استایل هم به وسیله یکنقطه ویرگول ( ; ) از هم جدا می شوند.
وقتی ما استایلی را در بخش HEAD متن خود برای یک تگ خاص تعریف می کنیمبرای محتویات همه تگهایی که استایل برای آن تعریف شده در صفحه مورداستفاده قرار می گیرد. برای مثال وقتی که ما کد بالا را در HEAD متن خودقرار دادیم، هر تگ <SPAN> که در صفحه استفاده شود دارای متنی قرمز وایتالیک است و نیاز ندارید هر بار دوباره مشخصات متن مورد نظر را تعریفشود.
با این روش ما می توانیم تقریباً خواص همه تگهای HTML را کنترل کنیم،اما این کافی نیست. در قسمتهای بعدی روشهایی را معرفی می کنیم که یکاستایل مشخص به وسیله تگهای مختلفی مورد استفاده قرار بگیرد. این کا را بااستفاده از CLASS و ID انجام می دهیم که به آن خواهیم پرداخت.
