Ангел Арънски · дизайнер Цветове
background-color | Цвят на фон
Изтегляне 97.77 Kb.
|
| background-color | Цвят на фон
background-color: #000000; Да се има в предвид, че ако има поставено свойство за фон картинка, тя ще бъде поставена над фона като цвят. Файлове и пътища background-image:url(/images/some.jpg) Ще сложи картинка като я търси на абсолютния път - http://domain.com/images/some.jpg Ако пък CSS файла ни се намира на този път - http://domain.com/css/some/other/my.css и зададем пътя по следния начин: background-image:url(../images/some.jpg) То ще търси картинката релативно спрямо позицията на CSS файла. Тоест на адреса - http://doma.com/css/some/images/some.jpg text-align | Подравняване text-align: center; Възможните стойности за дадената функция: left, center, right, justify. На български език ще изглеждат така: ляво, център, дясно и разтеглено. Селектори Селекторите са доста голяма част от CSS. В повечето случаи се използват малка част от тях. Да речем, че искаме да стилизираме един DIV елемент, но от външен файл. Тогава ще трябва да добавим class или id на този елемент. Here I am
Тогава със следния CSS може да го изберем: #john { color:rgba(255,255,255,1); } Само че тогава имаме проблем, понеже id-тата HTML трябва да са уникални и няма да можем да направим това (поне ще е нелегално спрямо стандарта): Here I am
Here you are
Here he is
За да го направим както трябва, ще използваме class John
Peter
Bogdan
И CSS дефиницията ни ще е следната: .person { color:#FF0000; } Забележете: Kласовете се дефинират с точка(.), а id-тата с диес (#). Ако обаче искаме да сме още по-оптимални, ще направим HTML-а да е следния:
Тогава можем да селектираме така: .people LI { color:#FF0000; } Тези селектори може да стават все по сложни, но начина за разчитане е един и същ. Например: #home .team-a .people LI { ..... } Ще търси елемент с id 'home' в него, ще търси елемент с клас 'team-a', а пък в него елемент с клас 'people', таговете вътре които са с LI ще бъдат прихванати от този селектор. Ако имаме LI тагове които не попадат точно в тази структура, а са извън нея, няма да бъдат прихванати и стилизирани от правилото. Също така имаме и псевдо селектори от типа на: LI:first-child { .... } A:hover { .... } A:visited { .... } Те са малко по-напреднал CSS и няма да са ви нужни в повечето време. В този конкретен случай, тагът за връзка A, ще ви потрябва. Когато вече връзката е натисната от потребителя, тя ще получи виолетов цвят. Това може да ви подразни и да искате да го смените. С помощта на A:visited селектора ще може да зададете цвят на тези преминати връзки. Когато сложите :hover на което и да е правило, то CSS свойствата в него ще се активират когато мишката премине отгоре. Това е доста лесен начин да направите дизайна си по-интерактивен.
Изтегляне 97.77 Kb. Сподели с приятели:
|