Студопедия.Орг Главная | Случайная страница | Контакты | Мы поможем в написании вашей работы!  
 

Каскадные таблицы стилей. Глобальные таблицы стилей



http://htmlteacher.narod.ru/css.html

есть 3 метода добавления стилей в документ:

3.Таблицы глобальных стилей. Определяется в заголовочной секции HEAD с использованием тега STYLE.

<html>

<head>

<style type=text/css>

p{

font-size: 20%,

text-align:center

background: yellow

}

</style>

</head>

Для того, чтобы определить стиль для группы тегов, существуют классы. Эти вещи пишутся только во внешних и глобальных таблицах стилей.

Для того, чтобы определить класс, надо придумать ему имя. Оно может состоять только из англ. букв, цифр и знака подчерка (_). После этого пишете следующее:

P.data {color: green; font-famiy: verdana}

этот пример создает класс по имени data, который может использоваться только тегами P. Для того, чтобы применить класс к тегу - припишите к тегу CLASS="classname", наример:

<P CLASS="data">

Все, что находится посде этого тега, я имею в виду текст, будет зеленым и нарисовано шрифтом Verdana. Если вы припишете CLASS="data" тегу TD, ничего не произойдет, так как этот класс определен только для тегов P. Для того, чтобы определить класс для нескольких тегов надо перечислить их через запятую:

P,TD.data {color: green; font-famiy: verdana}

Если же мы хотим использовать класс для всех тегов, к которым он применим, просто не указываем имя тега:

.data {color: green; font-famiy: verdana}

Для того, чтобы не определять никаких классов, а просто изменить начертание одного или нескольких тегов пишем:

LI {color: green; font-famiy: verdana}
P,TD {color: green; font-famiy: verdana}






Дата публикования: 2015-01-13; Прочитано: 263 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!



studopedia.org - Студопедия.Орг - 2014-2024 год. Студопедия не является автором материалов, которые размещены. Но предоставляет возможность бесплатного использования (0.006 с)...