Проектирование Интернет приложений. Тузовский А.Ф. - 45 стр.

UptoLike

ВУЗ: 

ТПУ | Томск

Составители: 

Рубрика: 

45
Строковые стили позволяют задать стили у элемента, используя
атрибут style следующим образом:
<p style="background:blue; color:white; padding:5px;">Hello</p>
Внутри этого атрибута перечисляются все свойства CSS и их зна-
чения. Преимущество строковых стилей состоит в том, что браузер бу-
дет вынужден использовать эти настройки. Все другие стили, опреде-
ленные в других таблицах стилей, или даже вложенные в заголовок до-
кумента, будут переопределены этими стилями.
Вложенные стили записываются в заголовке документа внутри
элемента style, как в следующем примере страницы:
<style type="text/css" media="screen">
p { color:white; background:blue; padding:5px; }
</style>
Преимущество вложенных таблиц стилей состоит в том, что не
нужно добавлять атрибут style в каждый параграф – можно оформить их
все с помощью одного единственного определения. Это означает также,
что если потребуется изменить внешний вид всех параграфов, это мож-
но будет сделать в одном единственном месте, однако все это, тем не
менее, ограничено одним документом.
Внешние таблицы стилей позволяют разместить все определения
CSS в отдельном файле с расширением CSS, и затем применение его к
документам HTML, используя элемент link в заголовке документа. На-
пример:
<link href="styles.css" rel="stylesheet" type="text/css">
Внешние таблицы стилей позволяют хранить все определения
оформления в одном единственном файле. Это означает, что можно
вносить изменения на всем сайте, изменяя только один файл. Web-
браузер при этом может загрузить его один раз и затем кэшировать для
всех других документов, которые на него ссылаются, что уменьшает
объем загружаемой информации.
Позиционирование элементов страницы
Когда браузер получает данные от сервера, он выводит их на
страницу в том порядке, в котором они записаны – этот порядок назы-
вается нормальным потоком. То есть браузер получает какой-то эле-
мент, вычисляет его размеры и располагает следом за предыдущим эле-
ментом. При обработке данных из нормального потока браузер выводит
данные строку за строкой, добавляя перевод строки при появлении
структурного блока. В связи с этим, в частности, с помощью стандарт-

Страницы