حتماً تا به حال در گشت و گذارهای اینترنتی خود، صفحات وبی را دیده اید که شامل رویدادهای پویا هستند، برای مثال وقتی روی یک لینک می روید، رنگ آن تغییر می کند یا شکل موس عوض می شود یا با کلیک روی یک لینک یا دکمه حالت آن تغییر می کند یا یک tooltip که شامل یک توضیح مختصری است ظاهر می شود. در طراحی وب، برای اینکه این جلوه های خاص را به عناصر بدهیم، باید از کلاس های کاذب (pseudo classes) در css استفاده کنیم. کلاس های کاذب به طراحان وب کمک می کند تا بتوانند رفتار عنصر در شرایط مختلف را تعیین کنند.
عناصر html، شامل کلاس های کاذب عمومی و خصوصی هستند. در این فیلم آموزش طراحی سایت، کلاس های کاذب پرکاربرد لینک ها را که شامل hover, link, active, visited و focus هستند، به شما معرفی می کنیم.
می توانید برای آشنایی با عناصر کاذب (pseudo elements)، این فیلم آموزشی را مشاهده کنید.
[hdplay id=65]
برای دانلود فیلم آموزشی و اسنیپت های آموزش مربوطه از لینک های زیر استفاده کنید :
[free_vip]
[video_download cat=’html’ url=’https://onliner.co/css-videos/links-and-pseudo-classes.mp4′]دانلود فیلم آموزشی معرفی کلاس های کاذب (pseudo classes) لینک ها در CSS[/video_download]
[/free_vip]
دسترسی سریع :
- آموزش قبلی : فیلم آموزش استایل دهی لیست ها در CSS
- آموزش بعدی : فیلم آموزش ساخت منوهای وب سایت های واقعی (براساس طرح گرافیکی)
- لیست فیلم ها : فیلم های آموزش جامع CSS
