Пример страницы
Инструкция пользования персональным компьютером
жүктеу/скачать 4.01 Mb.
|
- Бұл бет үшін навигация:
- Инструкция пользования персональным компьютером
Инструкция пользования персональным компьютеромHTML .headline { text-transform: uppercase; color: lightblue; } CSS Если элемент имеет несколько атрибутов класса, их значения объединяются с пробелами. Инструкция пользования персональным компьютеромHTML Селектор идентификатора Селектор идентификатора позволяет форматировать один конкретный элемент. Значение id должно быть уникальным, на одной странице может встречаться только один раз и должно содержать хотя бы один символ. Значение не должно содержать пробелов. Нет никаких других ограничений на то, какую форму может принимать id, в частности, идентификаторы могут состоять только из цифр, начинаться с цифры, начинаться с подчеркивания, состоять только из знаков препинания и т. д. Уникальный идентификатор элемента может использоваться для различных целей, в частности, как способ ссылки на конкретные части документа с использованием идентификаторов фрагментов, как способ нацеливания на элемент при создании сценариев и как способ стилизации конкретного элемента из CSS [19]. HTML
width: 300px; float: left; } CSS Селектор потомка Селекторы потомков применяют стили к элементам, расположенным внутри элемента-контейнера. Например, ul li {text-transform: uppercase;} — выберет все элементы li, являющиеся потомками всех элементов ul. Если нужно отформатировать потомки определенного элемента, этому элементу нужно задать стилевой класс: p.first a {color: green;} — данный стиль применится ко всем ссылкам, потомкам абзаца с классом first; p .first a {color: green;} — если добавить пробел, то будут стилизованы ссылки, расположенные внутри любого тега класса .first, который является потомком элемента ; .first a {color: green;} — данный стиль применится к любой ссылке, расположенной внутри другого элемента, обозначенного классом .first. Дочерний селектор Дочерний элемент является прямым потомком содержащего его элемента. У одного элемента может быть несколько дочерних элементов, а родительский элемент у каждого элемента может быть только один. Дочерний селектор позволяет применить стили только если дочерний элемент идёт сразу за родительским элементом и между ними нет других элементов, то есть дочерний элемент больше ни во что не вложен. Например, p > strong — выберет все элементы strong, являющиеся дочерними по отношению к элементу p. Сестринский селектор Сестринские отношения возникают между элементами, имеющими общего родителя. Селекторы сестринских элементов позволяют выбрать элементы из группы элементов одного уровня. h1 + p — выберет все первые абзацы, идущие непосредственно за любым тегом жүктеу/скачать 4.01 Mb. Достарыңызбен бөлісу:
|