Размещение правил CSS

В случае внутренних таблиц стилей (см. разд. 2.11) правила CSS помещаются в HTML- элемент style.

Элемент style информирует Web-обозреватель о том, что он содержит правила CSS, предназначенные для форматирования, и что обозреватель должен быть готов обработать контент. HTML-комментарий приведен здесь для того, чтобы защитить более старые версии Web-обозревателей, не знающие о том, как правильно отображать правила CSS. В новейших версиях обозревателей HTML-комментарий не понадобится.
Применение базовых селекторов для стилевого оформления

Вы хотите использовать базовые селекторы для назначения уникальных стилей разным частям Web-страницы.

Используйте разные типы селекторов для задания стилей различным фрагментам Web- страницы:




Title of Page

This is a sample paragraph with a link. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisi ut aliquip ex ea commodo consequat.





Технология CSS позволяет разными, иногда очень оригинальными способами точно указать, к каким частям Web-страницы применять стилевое оформление.
Для того чтобы лучше понять, как выбирать фрагменты Web-страницы для применения селекторов, разработчик должен знать, что информационное содержимое, размеченное с помощью HTML-кода, формирует структуру.
Несмотря на то, что элементы, используемые в HTML-коде реализации данного примера, могут выглядеть как беспорядочное нагромождение, они образуют определенную структуру.
Эта структура может быть не видна посетителю Web-страницы, но это ключевой компонент в процессе визуализации, выполняемой Web-обозревателем.
Когда обозреватель извлекает Web-страницу с сервера и начинает ее отображать, элементы страницы размещаются в структуре, которую компонует программное обеспечение Web-обозревателя.
Несмотря на то, что процесс размещения элементов в организационной структуре скорее программно ориентирован, хорошим визуальным представлением для нее может служить организационная диаграмма компании.
Организационная диаграмма для HTML-кода, использованного в данном примере.

 



Правельные рецепты CSS