Начальный учебник CSS
- Предыдущая страница HTML
- Следующая страница Javascript
Необходимые базовые знания
Перед тем как продолжить обучение, вам необходимо иметь базовые знания о следующих аспектах:
- HTML
- XHTML
Если вы хотите сначала изучить эти проекты, пожалуйста, Главная страница Посетите связанные руководства.
- Обзор CSS
-
- CSS - это каскадные таблицы стилей (Cascading Style SSheets)
- Определение стилейКак отображать Элементы HTML
- Стили обычно хранятся вТаблицы стилейВ
- Добавление стилей в HTML 4.0 было сделано дляРешает проблему разделения содержимого и отображения
- Внешние таблицы стилейЭто может значительно повысить эффективность работы
- Внешние таблицы стилей обычно хранятся в Файлы CSSВ
- Множественные определения стилей могутКаскадДля одного
Стили解决了普遍存在的问题.
Теги HTML были первоначально разработаны для определения содержимого документа. Используя такие теги, как <h1>, <p>, <table>, HTML вначале был предназначен для выражения информации типа «Это заголовок», «Это абзац», «Это таблица». Layout документа ожидался, что будет выполнен браузером, без использования任何 форматированных тегов.
Из-за того, что два основных браузера (Netscape и Internet Explorer) постоянно добавляют новые теги HTML и свойства (например, теги шрифта и свойства цвета) в спецификацию HTML, становится все труднее создавать сайт, содержимое которого ясно различается от его слоя отображения.
Для решения этой проблемы консорциум W3C, некоммерческая организация по стандартизации, взял на себя миссию стандартизации HTML и создал STYLES (стили)之外 от HTML 4.0.
Все основные браузеры поддерживают каскадные таблицы стилей.
Стильные таблицы значительно提高了 эффективность работы.
Стильные таблицы определяют способ отображения элементов HTML, такие как теги шрифта и свойства цвета в стилях HTML 3.2, обычно хранятся во внешних файлах .css. Изменение одной простой CSS-документации позволяет вам одновременно изменить外观 всех страниц сайта.
Благодаря возможности одновременно контролировать стили и макет множества страниц, CSS можно назвать прорывом в области WEB-дизайна. В качестве веб-разработчика, вы можете определить стили для каждого HTML-элемента и применить их к любому количеству страниц. Для выполнения глобальных изменений достаточно просто изменить стиль, и все элементы на сайте будут автоматически обновлены.
Множественные стили перекладываются в один
Таблицы стилей позволяют определять стили по нескольким способам. Стили могут быть определены в отдельном HTML-элементе, в заголовке HTML-страницы или в внешнем файле CSS. Даже можно ссылаться на несколько внешних таблиц стилей в одном единственном HTML-документе.
Порядок наложения
Что будет использоваться в том случае, если один и тот же HTML-элемент определен несколькими стилями?
В общем, все стили будут перекладываться в новую виртуальную таблицу стилей по следующим правилам, где цифра 4 имеет наивысшую приоритетность.
- Базовые настройки браузера
- Внешние таблицы стилей
- Внутренние таблицы стилей (расположены внутри тега <head>)
- Инлайн стили (внутри HTML-элемента)
Таким образом, инлайн стили (внутри HTML-элемента) имеют наивысшую приоритетность, что означает, что они будут приоритетны по сравнению с以下的 объявлениями стилей: объявления стилей в теге <head>, объявления стилей в внешних таблицах стилей или объявления стилей в браузере (по умолчанию).
- Предыдущая страница HTML
- Следующая страница Javascript
