eh3an2010

ادامه اموزش طراحی سایت با css ×

پست های پیشنهاد شده

ادامه اموزش 

لینک مخفی شده است

    برای مشاهده لینک در انجمن ثبت نام کنید.
با CSS:گزینشگرهای CSSدر زبان  CSS از ۶ طریق می توان یک تگ را انتخاب کرد یا به عبارتی ۶ نوع گزینشگر وجود دارد :

  • .گزینشگرھای برچسب (Tag Selectors)
  • (Pseudo-Class Selectors) گزینشگرھای کلاس کاذب.
  • (Class Selectors) گزینشگرھای کلاس.
  • (Contextual Selectors) گزینشگرھای مفھومی.
  • .گزینشگرھای خصوصی (ID Selectors)
  • (Universal Selector) گزینشگر عمومی.

حال به تشریح ھر کدام از این گزینشگرھا به ھمراه مثال می پردازیم :

  1. گزینشگرھای برچسب : این گزینشگرھا ھمان نام تگ ھای HTML می باشند. در این حالت نام تگ را انتخاب می

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

  1. گزینشگرھای کلاس کاذب : این سیلکتورھا برای نمایش رویدادھای پویا مورد استفاده قرار می گیرند ؛ اینرویدادھا می توانند مثل حرکت موس یا کلیک بر روی عنصر باشند. کلاس ھای کاذب به طراح، آزادی عمل می دھند کهچگونگی رفتار عنصر در شرایط مختلف را تعیین کند در 

    لینک مخفی شده است

      برای مشاهده لینک در انجمن ثبت نام کنید.

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

لینک مخفی شده است

    برای مشاهده لینک در انجمن ثبت نام کنید.
توجه داشته باشید که دو کلاس link  و visited فقط برای تگ ھای >a< استفاده می شوند و بقیه کلاسھای کاذب رامی توان برای ھمه ی تگ ھا استفاده کرد.درضمن ترتیب قرارگیری این کلاسھا نیز بسیار مھم است و اگر طبق ترتیبی در ادامه خواھیم گفت قرار نگیرند، استایلھای تعریف شده به درستی کار نخواھند کرد. 

  1. گزینشگرھای کلاس : تا به اینجا شما یاد گرفتید که چگونه برای ھر تگی از تگ ھای HTML استایل مورد نظر راتعریف کنید، اما اگر خواستید به دو تگ یکسان دو استایل مختلف را اختصاص دھید باید چه کنید ؟؟؟؟؟؟

 ::. چند نکته در استفاده از کلاس ھا :

  • .در انتخاب نام کلاس ھا باید دقت داشته باشید که اولین حرف نباید عدد یا نقطه و یا علامت ؟ باشد مثلاکلاس learn7 اشتباه است و ھنگام تعریف استایل کار نخواھد کرد.
  • .ھنگام نوشتن نام کلاس در زبان CSS قبل از نام باید یک . (نقطه) قرار دھید مانند
  • . شما می توانید بیش از یک کلاس برای یک تگ تعریف کنید به این صورت که بین ھر نام یک فاصله (space)قرار دھید،

۴٫گزینشگرھای مفھومی : ھنگام تعریف یک کلاس برای یک تگ، اگر تگ دیگری ( ھمسان یا غیر ھمسان) ھمان نامکلاس را نیز داشته باشد استایل تعریف شده به آن تگ نیز اختصاص داده خواھد شد. اموزش 

لینک مخفی شده است

    برای مشاهده لینک در انجمن ثبت نام کنید.
با CSS !! ادامه اموزش در جلسه بعدی…

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


  • کاربران آنلاین در این صفحه   0 کاربر

    هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.