Ангел Арънски · дизайнер Цветове
Изтегляне 97.77 Kb.
|
| text-decoration
Най-често се използва когато искаме да премахнем подчертаването в хипер връзките. text-decoration: none; line-height | Височина на реда Приема разстояние за стойност. При дълги текстове не е лошо да увеличим височината на реда и да вкараме малко въздух. font-size: 20px; line-height: 40px; Трябва да се отбележи, че font-size също променя височината на реда, спрямо това как е зададен в шрифта. Анимации С това CSS свойство: transition: all 0.5s ease; ще накарате всякакви промени по елемента (с javascript или псевдо правила като :hover или :focus) да бъдат анимирани за половин секунда. A {transition: all 1s ease;} A:hover {background-color:rgba(0,0,255,1); color:rgba(255,255,255,1)} Тези правила ще направят всичките връзки в страницата ви да анимират цвета на фона си, от прозрачно до синьо и текста от синьо до бяло, когато мишката премине върху тях. Ако искаме да направим нещо по-разчупено, то може да използваме jQuery и със следния ред при дадена случка, да добавяме и изваждаме друг клас от елемента като всичките свойства се анимират: $(".someclass").addClass("animatedThings"); $(".someclass").removeClass("animatedThings"); А CSS-а ни ще изглежда така: .someclass { transition: all 2s ease; background-color:#FF0000; } .otherclass {background-color:#000000} font-family | Фонт font-family: verdana Ще се опита да сложи фонтa Verdana и ако не стане ще сложи този по подразбиране. font-family: verdana, arial, serif Ако не намери Verdana, ще сложи Arial. Ако пък не намери и него, ще сложи serif фонта по подразбиране. Може да сложите и безплатните фонтове на Google, но ще трябва да бъдат инсталирани в страницата ви първо. Линк към фонтовете на Google: https://www.google.com/fonts background | няколко един върху друг Ако искаме да сложим няколко фона в един елемент, например, повтаряща се хоризонтално картинка и една, която е само в горния десен ъгъл и не се повтаря. Тогава използваме същите правила, но добавяме със запетая вторите такива: background-image: url(/images/some111.jpg), url(/images/some222.jpg); background-repeat: repeat-y, repeat-x; background-position: left top, right top; background background-color: #000000; background-image: url(/images/some.jpg); background-repeat: no-repeat; Други стойности: repeat-x, repeat-y, repeat background-position: top center; Други стойности: top, left, right, center, bottom Изтегляне 97.77 Kb. Сподели с приятели:
|