close

Вход

Забыли?

вход по аккаунту

?

CSS текст

код для вставки
спецкурс веб-дизайн
спецкурс Основы Веб-дизайна
Каскадные
таблицы
стилей
Использование стилей для
ТЕКСТА
Овсяник С.Г. , МПЛ № 99
При подготовке сложных страниц
написание html-кода превращается в
рутинную работу — это еще можно терпеть.
Хуже то, что по мере увеличения
количества вставляемых вами в документ
тегов, растет и объем результирующего
файла, что сказывается не лучшим образом
на скорости его загрузки с сервера.
Программистами компании-разработчика
стандарта HTML, консорциума W3C, был
создан новый стандарт CSS
(Cascading Style Sheets —
Каскадные таблицы стилей).
Как использовать CSS?
Один раз указываем свойства каждого
элемента в текущем документе или
файле с расширением .css, затем
подключаем этот файл к html-документу.
Браузер будет считывать значения
параметров каждого компонента webстраницы из указанного стиля.
Селекторы
Параметры и директивы CSS описываются по
принятым в данном стандарте правилам
НАЗВАНИЕ СТИЛЯ {свойство:… значение:…}
Например, если вы хотите, чтобы для
заголовки первого уровня в вашем htmlдокументе отображались
красным цветом и имели
размер в 48 пикселов
H1 {font-size: 48pt; color: red}
Селекторы
H2 {font-size: 20pt; color: blue}
Для заголовка второго уровня определен
размер 20 пикселов,
цвет текста — синий
пример
<HTML>
<HEAD>
<STYLE>
H1 {font-size: 48pt; color: red}
H2 {font-size: 20pt; color: blue}
</STYLE>
<TITLE>Приклад використання CSS</TITLE>
</HEAD>
<BODY>
<H1>Для заголовка першого рівня визначено розмір 48 pt, а колір тексту — червоний </H1>
<H2>Для заголовка другого рівня визначено розмір 20 pt, а колір тексту — синій </H2>
<P>Для цього абзацу стиль не застосовано, для оформлення тексту використано атрибути за
замовчуванням.
</BODY>
</HTML>
Автор
ovsianik
Документ
Категория
Образование
Просмотров
15
Размер файла
516 Кб
Теги
css
1/--страниц
Пожаловаться на содержимое документа