قواعد پیشرفتهٔ شیوه نامه
قواعد پیشرفتهٔ شیوه نامه
4706 تعداد بازدید | سه شنبه 6 مرداد ماه 1394
همانطور که دیدید، استفاده از ID و CLASS قابلیت انعطاف زیادی در ایجاد قواعد شیوه نامه به وجود میآورد، اما انواع دیگری از قواعد نیز قابل استفاده اند.
نمونه ای از کاربرد کلاسها در تنظیم صفحات وب .
<HTML>
<TITLE> Text Styles </TITLE>
</HEAD>
<STYLE>
<I--
BODY {margin-left: 0.75in; margin-right: 0.75in; margin-top: 0.10in}
H1, H2 {font:verdana, helvitca, anal, san-serif normal}
H1 {font-size: 12pt; text-align:left}
H2 {font-size: 14pt; text-align:right}
P {font-family:helvetica; font-size:14pt}
Pieft {text-align:left}
P.right {text-align:right}
A {text-decoration: none; font-weight: bold}
--> </STYLE>
<BODY BGCOLOR ="#ffffff'>
<H1> Database systems </H1>
<P class="leff> I belive <A HREF="a:\data.htm" TITLE="database">
database systems </A> are very usefull in the Internet.
We are now in a position to present an artichecter for a database system. </P>
<H2> Programming languages</H2>
<P class="right"> I wrote a book about programming larcuages. <A HREF="a:prog.htm" TITLE="programming"> programming </A> languages design is still a very active pursuit in the computer science. It is assumed that the reader is familiar with at least one procedural language, generally C or Pascal
. </p>
</BODY>
</HTML>
قواعد پیشرفتهٔ شیوه نامه
همانطور که دیدید، استفاده از ID و CLASS قابلیت انعطاف زیادی در ایجاد قواعد شیوه نامه به وجود میآورد، اما انواع دیگری از قواعد نیز قابل استفاده اند. به عنوان مثال، با دستور <STRONG> که در دستور <P> ظاهر می شود، طوری می توان رفتار کرد که گویی یک دستور مستقل در هر جای دیگری از برنامه ظاهر شده است. برای ایجاد چنین قاعدهای، از مفهوم بستر کاربرد استفاده می شود. براساس این مفهوم، می توان ترتیب تودرتویی
قواعد را تعیین کرد. دستور زیر را ببینید:
P STRONG (background: yellow}
زرد باشد، زیرا از ویژگی وراثت استفاده می شود.
دستورات < HEAD> و < BODY که قرار میگیرند که به ترتیب ممکن است شامل دستورات <TITLE > و >P< باشند. ساختار برنامه های HTML هماننل درخت خانوادگی است. در تحت تجزیه برنامه ای که در زیر آمده
است، در شکل 2–Ö نشان داده شله است:
در شکل ۶-۵ دقت می کنید که دستور <B > در داخل دستور <P> و این دستور در داخل دستور <body> و این دستور نیز در داخل دستور <HTML> قرار دارد.اگر شیوه نامه ای را برای دستور <P> انتخاب کنید، چه اتفاقی می افتد ؟ آیا این قاعده به دستور <B> اعمال می شود ؟گاهی اعمال خواهد شد.این همان ایده وراثت است
در بعضی موارد، اگر شیوهٔ یکسان به چند دستور اعمال شود، مفیدتر از حالتی است که آن شیوه، به طور جداگانه به هر دستور اعمال گردد و یا کلاسی خاصی ایجاد شود. در چنین مواردی، از نشانه گذاری ساده تری، به دسته بندی دستورات استفاده می شود. به عنوان مثال، اگر بخواهید دستورات < H2> ، <H1> و <H3 که از رنگ زمینه و متن مشابهی استفاده کنند، از قاعده زیر استفاده کنید
H1, H2, H3 (background:yellow; color black)
H1 {font-size : 200%}
H2 {font-size : 150%}
H3 {font-size : 125%)
-
وقتی قواعد گروهبندی و سایر قواعد در برنامه وجود داشته باشند، با هم ترکیب میشوند و نتیجه ترکیب، شیوه نامه کلی را ارائه می کند. اما در موارد زیر چه اتفاقی میافتد؟
-
H1, H2, H3 (background: yellow ; color : black)
H1 {background: green}
با اجرای این دستورات ، رنگ زمینه دستور <H1> سبز است یا زرد ؟شاید بگویید که رنگ آن سبزخواهدبود، زیرا بعد از رنگ زرد ذکر شده است. اما اگر این دو دستور جابجا شوند، چه اتفاقی میافتد؟ این ایده را آبشار گویند و کلید توانایی قاعده شیوه نامه است.اگر چندین قاعله شیوه نامه وجود داشته باشد، ایده آبشاری تعیین می کند که کدام قاعده اعمال شود. به عنوان مثال، یک برنامه HTML ممکن است برای یک دستور بخصوصی، شامل شیوه نامه دستوری، شیوه نامه صفحه ای و شیوه نامه خارجی باشد. حتی ممکن است کاربر یا مرورگر نیز شیوه نامهای را برای آن دستور اعلان کرده باشد. از بین همه اینها، سرانجام یک شیوه نامه (احتمالاً شیوه نامه ترکیبی) استفاده میگردد. در استاندارد CSS، شیوه نامه مرورگر از اهمیت کمی برخوردار است، بعد از آن شیوه نامه کاربر قرار می گیرد و شیوه نامه طراح، از همه مهمتر است. .از دیدگاه طراح، این اولویت بندی مناسب است. در داخل خود برنامه HTML قواعل دستوری، مثل آنهایی که در صفت STYLE ذکر می شوند، نسبت به شیوه نامه صفحه ای اولویت دارند و شیوه نامه صفحه ای نسبت به شیوه نامه خارجی اولویت دارند. قاعده کلی : هر چه شیوه نامه به دستور نزدیکتر باشد، اولویت آن بیشتر است. مفهوم - .آبشار و وراثت، قابلیت انعطاف زیادی به شیوه نامه ها داده است