لینک ,نسبت ,خصوصیات ,استایل ,لینکی ,طراحی ,نسبت داده ,آموزش طراحی

آموزش طراحی وب سایت

با سلام خدمت خوانندگان وب سایت لیزارد وب، قسمت یازدهم آموزش طراحی وب سایت را شروع می کنیم.در ابتدا مطالبی از گذشته را مرور میکنیم و سپس ادامه ی آموزش را پی میگیریم.

کدام یک از کدهای زیر بر روی عناصر تاثیر میگذارند؟

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

H2
{
COLOR: BLUE;
FONT-SIZE: MEDIUM;
FONT-WEIGHT: NORMAL;
}
H1, H2, H3
{
FONT-FAMILY: “TREBUCHET MS”, HELVETICA, ARIAL, SANS-SERIF;
BACKGROUND-COLOR: NAVY;
COLOR: WHITE;
}

در
دستورات ابتدایی رنگ نسبت داده شده به تگ h2 آبی است، اما در استایل دهی
گروهی رنگ نسبت داده شده به آن سفید است، به همین دلیل رنگ فونت انتخابی
برای آن سفید خواهد بود. مهم نیست که در دستورات قبلی  100 بار رنگ آبی به
h2 نسبت داده شود پرا که آخرین دستور  css رنگ سفید را به این تگ نسبت می
دهد.

استایل دهی به لینک ها:

لینک ها در سراسر دنیای وب وجود
دارند، اگر به لینک های اولیه با استایل پیش فرض نگاهی بیندازیم می بینیم
که لینک ها دارای یک خط در زیر نوشته لینک (underline)  هستند. به صورت پیش
فرض مرورگرها از رنگ های زیر برای لینک ها استفاده می کنند:
آبی :    لینکی که مشاهده نشده باشد.
بنفش :  لینکی که شما آن را قبلا مشاهده کرده اید.
قرمز:   لینکی که فعال است و شما در حال کلیک کردن بر روی آن هستید.

ادامه

منبع : www.lizard-webdesign.com

منبع اصلی مطلب : Lizard Web Design
برچسب ها : لینک ,نسبت ,خصوصیات ,استایل ,لینکی ,طراحی ,نسبت داده ,آموزش طراحی
اشتراک گذاری: این صفحه را به اشتراک بگذارید

پو اس ام اس : آموزش طراحی وب سایت ، قسمت یازدهم