Объявление правила CSS с упоминанием ключевого слова элемента позволяет изменить все соответствующие элементы в документе. Например, следующее правило (листинг 2.4) меняет стиль элементов <p>.
Листинг 2.4. Ссылка по ключевому слову р { font-size: 20px }
Мы уже познакомились с этой техникой в листинге 2.2. Указывая ключевое слово p перед правилом, мы сообщаем браузеру, что данное правило следует применить к каждому элементу <p>, который обнаружится в документе HTML. Теперь весь текст, окруженный тегами <p>, будет отображаться шрифтом нового размера — 20 пикселов.
Разумеется, то же самое можно сделать для любого другого элемента HTML в документе. Если, например, вместо p указать ключевое слово span, то размер шрифта любого текста, заключенного между тегами <span>, изменится со стандартного на 20 пикселов (листинг 2.5).
Листинг 2.5. Ссылка по другому ключевому слову span { font-size: 20px }
Но что делать, если перед нами стоит задача сослаться только на один определенный тег? Нужно ли использовать атрибут style внутри этого тега? Ответ — нет. Как мы узнали раньше, метод строчных стилей (использование атрибута style прямо внутри тегов HTML) устарел, и его следует избегать. Для выбора определенного элемента HTML в правилах файла CSS можно пользоваться двумя следующими атрибутами: id и class.
Добавить комментарий