мета-данные страницы
Загрузка не удалась. Возможно, проблемы с правами доступа?
Различия
Показаны различия между двумя версиями страницы.
Предыдущая версия справа и слеваПредыдущая версияСледующая версия | Предыдущая версияПоследняя версияСледующая версия справа и слева | ||
html:css [20/04/2010 11:50] – pdemenkov | html:css [20/04/2010 12:01] – pdemenkov | ||
---|---|---|---|
Строка 5: | Строка 5: | ||
CSS-код – это список инструкций для браузера, | CSS-код – это список инструкций для браузера, | ||
- | Инструкции CSS удобно хранить в виде отдельного текстового файла с расширением | + | Инструкции CSS удобно хранить в виде отдельного текстового файла с расширением |
Основная идея CSS в том, чтобы отделить дизайн документа от его содержимого. CSS отвечает за оформление и внешний вид, а XHTML/HTML — за содержание и логическую структуру документа. | Основная идея CSS в том, чтобы отделить дизайн документа от его содержимого. CSS отвечает за оформление и внешний вид, а XHTML/HTML — за содержание и логическую структуру документа. | ||
Строка 107: | Строка 107: | ||
===== HTML селекторы ===== | ===== HTML селекторы ===== | ||
- | Это простейший случай – в качестве селектора мы используем имя того html-элемента, | + | Это простейший случай – в качестве селектора мы используем имя того html-элемента, |
<code css> | <code css> | ||
Строка 584: | Строка 584: | ||
CSS предлагает нам четыре удобных способа указать цвет. | CSS предлагает нам четыре удобных способа указать цвет. | ||
- | * По имени. Используются англоязычные названия цветов, | + | * По имени. Используются англоязычные названия цветов, |
- | * В шестнадцатиричном RGB (например, | + | * В шестнадцатиричном RGB (например, |
* В десятичном формате RGB (например, | * В десятичном формате RGB (например, | ||
* В формате RGB с указанием величин в процентах, | * В формате RGB с указанием величин в процентах, | ||
Строка 601: | Строка 601: | ||
В этом примере все способы задания цвета равнозначны и приведут к одному и тому же результату - цвет параграфов станет ярко-зеленым. | В этом примере все способы задания цвета равнозначны и приведут к одному и тому же результату - цвет параграфов станет ярко-зеленым. | ||
+ | ====== Именованные цвета ====== | ||
+ | |||
+ | Это базовые цвета, используемые в CSS. В старые добрые времена они использовались дизайнерами для создания страниц поисковых систем, | ||
+ | |||
+ | < | ||
+ | <table cellspacing=1 cellpadding=5 border=0 width=" | ||
+ | <tr> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td style=" | ||
+ | |||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td style=" | ||
+ | <td style=" | ||
+ | </tr> | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | |||
+ | Для старых 256-цветных видеокарт рекомендуется использовать так называемые безопасные цвета. Сейчас это не очень актуально, | ||
====== Безопасные (browser-safe) цвета в CSS ====== | ====== Безопасные (browser-safe) цвета в CSS ====== | ||
Строка 1573: | Строка 1618: | ||
</ | </ | ||
+ | Подготовлено по материалам [[http:// |