پنج شنبه , ۳۰ آبان ۱۳۹۸
جدیدترین آموزش ها
خانه » فیلم آموزش CSS » فیلم آموزش رایگان CSS3 قسمت ۴(pseudo class)

فیلم آموزش رایگان CSS3 قسمت ۴(pseudo class)

سلام
در جلسه چهارم css3 همچنان سلکتور ها (selectors) را ادامه می دهیم و در مورد pseudo class صحبت می کنیم و شکل های
:root
:nth-child()
:nth-last-child()
:nth-of-type()
:nth-last-of-type()
آن را بیان می کنیم.
در ادامه به طور مفصل در مورد تفاوت آن ها صحبت می کنیم و با پراپرتی background آشنا می شویم

آموزش pseudo class-css3

آموزش css3

pseudo class in css

سلام

در جلسه چهارم css3 همچنان سلکتور ها (selectors) را ادامه می دهیم و در مورد pseudo class صحبت می کنیم و شکل های

:root

:nth-child()

:nth-last-child()

:nth-of-type()

:nth-last-of-type()

آن را بیان می کنیم.

در ادامه به طور مفصل در مورد تفاوت آن ها صحبت می کنیم و با پراپرتی background آشنا می شویم.

   دانلود

Note that hover won’t work for people who use a keyboard rather than a mouse.
In order to make this effect keyboard-accessible, you must also use the focus pseudo class. This class is activated when the user tabs to a link.
When you don’t include the focus and use outline: 0; on your links, keyboard users won’t even be able to see which link is activated at all, which results in bad usability for keyboard users.a:focus {color: green;} (pseudo class)
Most of the time it makes sense to apply the same styles to both hover and focus, in order to make sure both mouse users and keyboard users will see the same effect.
Further you can ensure better cross-browser compatibility for the effect (because Internet Explorer handles pseudo classes differently) by adding also the active pseudo class. A link becomes active a short time when the user is actually clicking on the link.a:hover,) (pseudo class)
a:focus, This is one that people arent aware of. Why dont my links style properly? Check your order! (pseudo class)
BTW Mr Coyier, this is one of the best CSS sites on the Net. Big achievement mate.
a:active {color:red;} Is the point of :link to simply style anything with the href attribute? For example, it would not affect something like Test
The active can also be used to create a special button pressing effect during the short time when the user is clicking on the link.
By moving the link 1 pixel to the right and 1 pixel down it will appear that the link is being pushed like a button when clicked.a:active {position:relative;top:1px;left:1px;}دانلود

درباره ی مدیر-محسن پور

من مهیار محسن پور هستم. علاقه شدیدی به طراحی وب مخصوصا به کد نویسی سمت سرور دارم . به زبان های html,css,javascript,jquery,php تسلط دارم. 6 ساله برنامه نویسی می کنم و شروع برنامه نویسیم هم با اسمبلی بوده. به برنامه سازی سیستم علاقه خاصی دارم چون حس میکنم درک بالایی از کامپیوتر به انسان میده. با زبان #C اشنایی دارم و برای یک پروژه دانشگاهی با این زبان قدرتمند بازی طراحی کردم. برای گوشی های دارای سیستم عامل اندروید برنامه طراحی کردم و تا حدودی با برنامه نویسی اندروید هم اشنا هستم. تو حوزه IT و امنیت مدت کوتاهی فعالیت کردم و به نسبت با شبکه اشنا هستم.

2 دیدگاه

  1. م
    منصوره - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

    واقعا اموزشهاتون بی نظیره من هرچقدر میبینم بیشتر لذت میبرم.
    ارزو میکنم همیشه سالم و تندرست باشین

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *