, не затрагивая остальные абзацы;
h1 ~ p — выберет все абзацы, являющиеся сестринскими по отношению к любому заголовку h1 и идущие сразу после него.
Селектор атрибута
Селекторы атрибутов выбирают элементы на основе имени атрибута или значения атрибута:
[атрибут] — все элементы, содержащие указанный атрибут, [alt] — все элементы, для которых задан атрибут alt;
селектор[атрибут] — элементы данного типа, содержащие указанный атрибут, img[alt] — только картинки, для которых задан атрибут alt;
селектор[атрибут="значение"] — элементы данного типа, содержащие указанный атрибут с конкретным значением, img[title="flower"] — все картинки, название которых содержит слово flower;
селектор[атрибут~="значение"] — элементы частично содержащие данное значение, например, если для элемента задано несколько классов через пробел, p[class~="feature"] — абзацы, имя класса которых содержит feature; селектор[атрибут|="значение"] — элементы, список значений атрибута которых начинается с указанного слова, p[class|="feature"] — абзацы, имя класса которых feature или начинается на feature;
селектор[атрибут^="значение"] — элементы, значение атрибута которых начинается с указанного значения, a[href^="http://"] — все ссылки, начинающиеся на http://;
Каскадные таблицы стилей, которые иначе называют CSS, - это простой язык проектирования, предназначенный для упрощения процесса придания веб-страниц презентабельности.
CSS обрабатывает внешний вид веб-страницы. Используя CSS, можно управлять цветом текста, стилем шрифтов, расстоянием между абзацами, размерами и расположением столбцов, используемыми фоновыми изображениями или цветами, макетами, вариантами отображения для разных устройств и размерами экрана. а также множество других эффектов.
CSS легко изучить и понять, но он обеспечивает мощный контроль над представлением HTML-документа. Чаще всего CSS сочетается с языками разметки HTML или XHTML [20].
Преимущества CSS:
CSS экономит время. Можно написать CSS один раз, а затем повторно использовать один и тот же стиль на нескольких страницах HTML, определив стиль для каждого HTML-элемента и применить его к любому количеству веб-страниц.
Страницы загружаются быстрее. Используя CSS, не нужно каждый раз писать атрибуты HTML-тега. Простое написание одно правило CSS тега и применение его ко всем вхождениям этого тега расходует меньшее количество кода, а значит более быстрое время загрузки.
Простое обслуживание. Чтобы сделать глобальное изменение, нужно изменить стиль и все элементы на всех веб-страницах будут обновлены автоматически.
Превосходные стили для HTML. CSS имеет гораздо более широкий массив атрибутов, чем HTML.
Совместимость с несколькими устройствами. Таблицы стилей позволяют оптимизировать контент для нескольких типов устройств. Используя один и тот же HTML-документ, можно представить разные версии веб-сайта для портативных устройств, таких как КПК и мобильные телефоны, или для печати.
Глобальные веб-стандарты. Атрибуты HTML устарели, и рекомендуется использовать CSS. Поэтому стоит начать использовать стили на всех HTML-страницах, чтобы сделать их совместимыми с будущими браузерами.
CSS создается и поддерживается группой людей Консорциума Всемирной паутины, которая называется CSS Working Group. Рабочая группа CSS создает документы, называемые спецификациями. Когда спецификация обсуждается и официально утверждается членами W3C, она становится рекомендацией.
Эти утвержденные спецификации называются рекомендациями, поскольку W3C не контролирует фактическую реализацию языка. Независимые компании и организации создают это программное обеспечение.
Каскадные таблицы стилей уровня 1 (CSS1) вышли из рекомендации W3C в декабре 1996 года. В этой версии описывается язык CSS, а также простая модель визуального форматирования для всех тегов HTML. CSS2 стал рекомендацией W3C в мае 1998 года и основан на CSS1. В этой версии добавлена поддержка таблиц стилей для конкретных носителей, например, принтеры и слуховые аппараты, загружаемые шрифты, позиционирование элементов и таблицы.
Сегодня актуальная версия CSS – CSS3. Самая масштабная редакция по сравнению с CSS1 и CSS2. Главной особенностью CSS3 является возможность создавать анимированные элементы без использования JavaScript, поддержка линейных и радиальных градиентов, теней, сглаживания и прочее.
Достарыңызбен бөлісу: |
