94-3-7، 09:05 عصر
قسمت چهارم : تعریف کردن استایل در بخش head صفحه HTML
با استفاده از استایل ها میتواند به ما کمک کند تا از دوبار نوشتن فرمها جلوگیری کنیم برای انجام اینکار میتوان یک استایل در بخش HEAD در متن HTML خود تعریف نماییم یک style در head با تگ <STYLE> شروع میشود وبا <STYLE/> پایان میرسد شما در قسمت زیر میتوانید یک مورد از استایل که مشخصاتی برای تگ <SPAN> تعریف میکند مشاهده نمایید که در بخش head در متن قرار گرفته شده است
همانطور که می بینید استایل با تگ <style> آغاز می شود. سپس یک کامنت را شروع می کنیم تا مرورگرهایی که از CSS پشتیبانی نمی کنند استایل را نادیده بگیرند و در صفحه به نمایش در نیاورند. در قسمت بعد این خط را مشاهده می کنید:
این خط مشخص می کند که هر بار که در صفحه از تگهای <STYLE> <STYLE/> استفاده می شود. متن بین آنها به رنگ قرمز و به صورت ایتالیک نمایش داده می شود. در نوشتن استایل باید در نظر داشته باشید که نباید از علامتهای کوچکتر و بزرگتر ( < و > ) که در اطراف تگهای HTML استفاده می شود، استفاده کنید. همچنین به جای استفاده از علامتهای نقل قول ( " " ) که در متن HTML استفاده می شود از آکولاد ( { } ) در اطراف خواص استایل استفاده می کنیم. خواص مختلف یک استایل هم به وسیله یک نقطه ویرگول ( ; ) از هم جدا می شوند.
وقتی ما استایلی را در بخش HEAD متن خود برای یک تگ خاص تعریف می کنیم برای محتویات همه تگهایی که استایل برای آن تعریف شده در صفحه مورد استفاده قرار می گیرد. برای مثال وقتی که ما کد بالا را در HEAD متن خود قرار دادیم، هر تگ <SPAN> که در صفحه استفاده شود دارای متنی قرمز و ایتالیک است و نیاز ندارید هر بار دوباره مشخصات متن مورد نظر را تعریف شود.
برای مثال کد زیر را وارد متن HTML خود می کنیم:
نتیجه را به صورت زیر مشاهده خواهید کرد:
این متن قرمز و ایتالیک است، اما این متن خارج تگ <span> است و مشخصات آنرا ندارد.
این متن نیز قرمز و ایتالیک است.
با این روش ما می توانیم تقریباً خواص همه تگهای HTML را کنترل کنیم، اما این کافی نیست. در قسمتهای بعدی روشهایی را معرفی می کنیم که یک استایل مشخص به وسیله تگهای مختلفی مورد استفاده قرار بگیرد. این کا را با استفاده از CLASS و ID انجام می دهیم که به آن خواهیم پرداخت.
با استفاده از استایل ها میتواند به ما کمک کند تا از دوبار نوشتن فرمها جلوگیری کنیم برای انجام اینکار میتوان یک استایل در بخش HEAD در متن HTML خود تعریف نماییم یک style در head با تگ <STYLE> شروع میشود وبا <STYLE/> پایان میرسد شما در قسمت زیر میتوانید یک مورد از استایل که مشخصاتی برای تگ <SPAN> تعریف میکند مشاهده نمایید که در بخش head در متن قرار گرفته شده است
کد:
<head>
< style>
< !--
span { color:red; font-style:italic }
-->
< /style>
< /head>
کد:
span { color:red; font-style:italic
وقتی ما استایلی را در بخش HEAD متن خود برای یک تگ خاص تعریف می کنیم برای محتویات همه تگهایی که استایل برای آن تعریف شده در صفحه مورد استفاده قرار می گیرد. برای مثال وقتی که ما کد بالا را در HEAD متن خود قرار دادیم، هر تگ <SPAN> که در صفحه استفاده شود دارای متنی قرمز و ایتالیک است و نیاز ندارید هر بار دوباره مشخصات متن مورد نظر را تعریف شود.
برای مثال کد زیر را وارد متن HTML خود می کنیم:
کد:
<span>این متن قرمز و ایتالیک است،</span> اما این متن خارج تگ <span> است و مشخصات آنرا ندارد.<br>
< span>این متن نیز قرمز و ایتالیک است.</span>
این متن قرمز و ایتالیک است، اما این متن خارج تگ <span> است و مشخصات آنرا ندارد.
این متن نیز قرمز و ایتالیک است.
با این روش ما می توانیم تقریباً خواص همه تگهای HTML را کنترل کنیم، اما این کافی نیست. در قسمتهای بعدی روشهایی را معرفی می کنیم که یک استایل مشخص به وسیله تگهای مختلفی مورد استفاده قرار بگیرد. این کا را با استفاده از CLASS و ID انجام می دهیم که به آن خواهیم پرداخت.