Псевдо-класове и селектори
Псевдо за връзки, които съществуват в CSS продължение на много години и повечето от тях просто се нулира, така че всички те се превърне в един и същи цвят и с един-единствен текст дизайн. Тяхното използване на това е напълно разрушена, а потенциалната функционалността на скривалището.
С добавянето на няколко CSS класове, можете да създадете много по-професионален и лесен за употреба меню или форма. Въпросът пред нас днес псевдо - е:
Практически курс по адаптивно оформление Кацане от нулата!
Научете от нулата да наложи адаптивна Кацане на HTML5 и CSS3 за следващите 6 дни
Аз също ще ви покаже как да се съчетаят селектори на класове за създаване на специални приложения.
Първото нещо, което да се направи - да назначи основните стилове на своя списък с препратки. Аз самият ограничено просто син текст на светъл сив фон. Аз също се отстранява, а декорацията текст, но по-късно ще ги добавим в гърба. За да създадете връзка изглеждаше така, сякаш беше на бутона, Промених дисплея на блока и добави солидна рамка.
Практически курс по адаптивно оформление Кацане от нулата!
Научете от нулата да наложи адаптивна Кацане на HTML5 и CSS3 за следващите 6 дни
взаимодействие
Първият стил, ние ще добавим - когато потребителят пренасяне на елемента. За да го направи, ние използваме класа: навъртам тук променя цвета си и цвета на фона, за да покаже на потребителя, това, което той наистина държи на мишката върху елемент.
Сега, когато е ясно, че ние сме на даден елемент, можете да използвате този клас: активен, за да промените цвета на цвят, цвят на фона и фон-цвят текст декорация текст-украса, когато всъщност натиснете или щракнете върху елемент
В примера ми HTML всеки хиперлинк е атрибут ID. Тя дава възможност за прилагане на клас: целта да добавите повече стил на текущо избрания елемент.
В допълнение, за допълнителна сила, ние ще добави рядко се използва клас: първа буква. Тя работи само с главни елементи (които се прилагат по-рано), и ни дава възможност да зададете стилове първата буква на елемента. Ето, аз използвам черно, но можете да вземете с различен шрифт.
Както можете да видите, аз също се комбинира класове: първо-писмо и: активни за прилагане на различен цвят при активен елемент или движите мишката.
Ние да полага допълнителни усилия
За всички тези промени наистина съвпадат, трябва да ги направят гладка и точна. За да направите това, ние прилагаме преход преход собственост в рамките на известно време, постепенно се появяват промени цвета си. I определя тяхната продължителност в 0.5 сек. защото преходът не трябва да бъде твърде бързо, но ако тя е твърде бавен, също няма да изглежда толкова впечатляващо.
Редакция: Екип webformyself.
Практически курс по адаптивно оформление Кацане от нулата!
Научете от нулата да наложи адаптивна Кацане на HTML5 и CSS3 за следващите 6 дни
Най-IT новини и уеб разработки на нашия канал Телеграма
HTML5 и CSS3 практика от нула до резултата!
Свързани статии