CSS документи за самоличност са създадени с помощта на знака лира (#), следвана от името на идентификатора. Това име, както и в училище, си мислиш, до себе си и може да съдържа знаците на латинската азбука (от А до Я, AZ), цифри (0-9), тирета (-) и долна черта (_), но не може да започват с цифра или тире, последван от редица. Като цяло следния синтаксис:
За да приложите стилове, за да HTML-ID елемент, просто трябва да посочи в своята етикет атрибут идентификатор = "identifier_name". където identifier_name. съответно, и тя си има име измислена от вас идентификатор. Но, за разлика от класа на една страница не може да бъде два или повече елементи с еднакъв идентификационен номер. така че бъдете внимателни, когато работите с идентификатори.
Подобно на името на името на идентификатор клас винаги трябва да отговаря точно на това, което предписва в атрибута ID. Например, ако имате идентификатор #sidebar, е необходимо да се напише "лента" ИД = маркер. вместо ID = "страничната лента". ID = "SIDEBAR" и т.н.
Пример за използване на идентификатори в CSS
Резултатът в браузъра
Комбинирайте CSS документи за самоличност
Документи за самоличност може да се комбинира с други селектори (тагове, атрибути, класове и т.н.), за уточняване на стилове, които се прилагат към това, което е HTML-елемент с дадения идентификационен номер. Общият синтаксис:
Пример CSS идентификатори в комбинация с други селектори
Резултатът в браузъра
Bold текст зелено.
Може да попитате: "А защо ви е нужен такъв съюз, защото на всяка страница, и така може да присъства само един от елементите с определен номер»? И вие ще бъдете частично прав. Например, ако пишем предишния пример не е р # последно, но просто #last - резултатът ще бъде един и същ.
Но това не е необходимо, че трябва на всяка страница от един и същ идентификатор ще се прилага за един и същ елемент, нали? Например, ако в примера, който замени HTML-кода на следващия - текстът вече няма да бъде зелен, той ще бъде просто един нормален шрифт:
- Както знаете, повечето браузъри по подразбиране добавите малко поле на празно място на ръбовете на страницата. Мислете за HTML, който е отговорен за етикет на полето и да ги премахнете.
- Създаване на страница с три колони. Нека средната колона ще бъде "каучук" ширина и страна - фиксирана.
- Нека всички на височина ще бъде равно на височината на прозореца на браузъра, независимо от размера на резолюция и екран. За целта ви е необходим имота височина. в които ще бъде необходимо да се разбере и да мисля за това, защото това не е толкова просто с високите лихви.
- Оцветете страницата, както е показано в резултат от урока.
Свързани статии