Последние исследования в области веб-дизайна
Как показывают, последние исследования, пользователи, положительно реагируют, на видео материалы на сайте.

Дек 26, 2012

Раздел каскадных стилей css


С помощью стилей стало возможно объединить управление всеми документами в одном общем файле CSS. Если нужно внести изменения в веб-страницы, это делается изменением нескольких строк в CSS-файле.
Вы уже убедились, что стили - это прекрасно? Тогда попробуем создать ваш первый стиль.
Скачать ваш любимый HTML-редактор и создайте в нем адресу:
<HTML>
<HEAD>
<Тить> Мой Первый Стиль </ TITLE>
</ HEAD>
<BODY>
<Н1> Стили: инструмент для современных веб-дизайнеров </ Н1>
<Р> А Вашим конкурентам и не снилось!</ P>
</ BODY>
</ HTML>
Теперь добавим стиле - просто впишите этот код между тегами <HTML> и <BODY>:


Стили: инструмент для современных веб-дизайнеров
<STYLE TYPE=«text/css»>
<! -
Н2 {color: green; font-size: 37px; font-family: impact}
P {text-indent: 1cm; background: ye1low; font-family: courier>
->
</ STYLE>


СТИЛИ: ИНСТРУМЕНТ ДЛЯ СОВРЕМЕННЫХ ВЕБ-ДИЗАЙНЕРОВ

Итак, вы создали первую веб-станицу со стилями. (Если строка о конкурентах не масс желтого цвета, вам придется обновить версию браузера. Рекомендуются Internet Explorer не ниже 5-й версии.)
Терминология стилей
Рассмотрим, из чего состоит этот код.
Стили задаются командами. Простые команды выглядят так:
Н2 {color: green}
Эта команда сообщает браузеру, что текст между <Н2> и </ Н2> должен быть зеленым.
В примере Н2 - селектор, к которому применяются стили. Описание определяет, какой стиль используется, и тоже из двух частей. В нашем примере - свойство (цвет) и значение (зеленый).
Все это может быть применено к любому тегу: <Р>, <CODE> или <TABLE>. Стили также можно применять с графикой, вмешивая их с тегом <IMG>.
Как видно из первого примера, вы можете группировать команды стилей. Выше мы установили для тега <Р> сразу три команды. Аналогично вы можете группировать теги:
Н2, Р, BLOCKQUOTE {Font-family: arial}
Это значит, что весь текст в пределах тегов <Н2>, <Р>, <BLOCKQUOTE> отображается шрифтом Агиа.


Предыдущая   -    Страница: 2 из 4    -   Следующая

Навигация: 1  2  3  4  

Другие статьи по теме:

- Структура html-документа
- Html - язык web
- Фреймы, их теги и атрибуты
- Раздел каскадных стилей css
- Формирование карты гиперссылок

На российский рынок приходит крупнейший продавец стоковых изображений - Depositphotos.
Издательство "ИндексМаркет" анонсирует книгу Александры Саньковой - под названием "23"
Российская компания создала первый сайт по дизайн-исследованиям, так как тема дизайна не достаточна развита в России
     Баннеры | Советы web-дизайнеру | Flash | Html и CSS | Уроки Photoshop | Юзабилити
2003-2016 © sredaboom.ru
карта сайта обратная связь на главную