پرتال آموزش پارسی زبانان

قسمت اول Body

معرفی تگ Style قسمت اول Body

تگ استایل در واقع وظیفه ی تعیین ظاهر کلی صفحه را برعده دارد.دراینجا به بررسی چند نمونه از کدهای رایج این بخش می پردازیم تا شما با این تگ آشناتر شوید.

نکاتی قبل از شروع کار در مورد این تگ:

تمامی این کدها باید میان 2 تگ <Style> و </Style> قرار گیرند.

به طور کلی تمامی محتویات یک بخش در این تگ می بایست میان { } قرار گیرند.

مابین کد های بکار رفته حتما باید از علامت ; استفاده شود.

چند نمونه از قسمت های رایج در تگ استایل:

Body – A – A:hover – A:visited – P

البته هر شی یا منویی در صفحه ی می تواند دارای یک بخش مجزا برای خود باشد.

اولین قسمت بخش Body :

این بخش می تواند آرایش کلی صفحه را معیین کند.مثلا ظاهر نمایشی اسکرول بار . رنگ پس زمینه . نشانگر موس . فونت کلی صفحه و ...

مثال:

<Style>

Body { SCROLLBAR-FACE-COLOR: #4c93bf; SCROLLBAR-HIGHLIGHT-COLOR: #4c93bf; SCROLLBAR-SHADOW-COLOR: #4c93bf; SCROLLBAR-3DLIGHT-COLOR: #4c93bf; SCROLLBAR-ARROW-COLOR: #e2e9ea; SCROLLBAR-TRACK-COLOR: #DBEAFF; SCROLLBAR-DARKSHADOW-COLOR: #e2e9ea; TEXT-ALIGN: center font-family: Tahoma; color: #666; font-size: 11; background-color:#DBEAFF; background-repeat:no-repeat; CURSOR: url('Cursor URL')}

</Style>

همانطور که مشاهده می کنید این قسمت رنگ اسکرول بار و سایر ویژگی های صفحه را معین می کند

به طور مثال شما می توانید با تغییر دادن رنگ های قسمت Scrollbar-Face-Color رنگ اسکرول بار خود را تغییر دهید

مثال:

<Style>

</Style>

همچنین با تغییر رنگ مقابل background-color رنگ پس زمینه را تغییر دهید.

بخش cursor نیز مربوط به نشانگر موس صفحه است که شما می توانید به قرار دادن آدرس فیل نمایشگری که قبلا آپلود کردید از نشانگر دیگری در صفحه ی خودتان استفاده کنید.

<Style>

Body {Cursor:url('آدرس فایل نشانگری که آپلود کردید ') }

</Style>

البته راه دیگری نیز بدین صورت وجود دارد که شما می توانید از نشانگرهایی که به طور خودکار در ویندوز وجود دارند استفاده کنید.به مثال زیر توجه کنید:

<Style>

Body {Cursor:Hand }

</Style>

بدین ترتیب نشانگر موس در هنگام ورود به صفحه به دست تغییر می یابد.

(نکته شما می توانید به مراجعه به دایرکتوری نصب ویندوز و سپس ورود به پوشه Cursorنام نشانگر مورد نظر خود را در این پوشه یافته و سپس در این قسمت قرار دهید. )

قسمت Font-Family نیز مربوط به فونت صفحه است و قسمت Font-Size اندازه فونت را معین می کند.

بخش Text-align نیز مربوط به محل قرار گیری نوشته ها و اشیاء درون صفحه است.

برای مثال: Text-Align:Center باعث قرار گرفتن تمامی متون و اشیاء صفحه که البته جهتی برای آنها مشخص نشده باشد در مرکز صفحه میشود.

در مطالب بعدی به معرفی قسمت های A و A:hover و A:visited می پردازیم.

محمد

© کپی رایت توسط : پرتال آموزش پارسی زبانان (کلیه حقوق مادی و معنوی مربوط و متعلق به این سایت است.)
برداشت مطالب فقط با اجازه کتبی و ذکر منبع امکان پذیر است .

نوشته شده در تاریخ : 26 دي ماه ، 1386 (365 مشاهده)

[ بازگشت ]