Читайте также:
|
При встроенном задании свойства каскадных листов стилей указываются прямо в тэге после параметра STYLE. Единственное отличие в синтаксисе описания CSS заключается в том, что свойства CSS и их значения берутся не в фигурные скобки, а в двойные кавычки.
При встроенном задании CSS, а также при описании CSS без указания тэга удобно использовать тэг-контейнер <SPAN>... <SPAN>, который с помощью параметра CLASS может быть использован для указания диапазонов действия указанного класса.
В примере (№1) приведен HTML-документ, в котором показано три способа задания CSS в HTML-документе: внешнего, внутреннего и встроенного.
Пример 1
<HTML>
<HEAD>
<TITLE> Использование CSS в HTML-документе </TITLE>
<LINK REL= STYLESHEET HREF="my.css">
<STYLE>
P.green{color:#008000; font-style:italic;font-size:16pt}
.vert{color:#006060; font:large; writing-mode:tb-rl}
#razr{letter-spacing:2.5mm}
</STYLE>
</HEAD>
<BODY>
<H1> Параметры заголовка заданы внешним СSS </H1>
<P CLASS="green"> Параметры этого параграфа заданы с помощью внутреннего использования CSS (класс "green" тэга P).
<P> Свойства абзаца, цвета и размера шрифта этого параграфа наследуются из внешнего CSS.
<CENTER>
<SPAN CLASS="vert"> Вертикальный текст: класс vert </SPAN>
</CENTER>
<P ID="razr"><SPAN STYLE="color:red; font-size:1cm"> В </SPAN>
строенное и внутреннее задание CSS.
</BODY>
</HTML>Оглавление
Индивидуальные задания
Произвольный текстовый документ (реферат, сообщение, объявление и др.) представить с помощью HTML и CSS в виде Web-страницы, которая должна содержать:
заголовок;
текст, разбитый на параграфы;
отдельные фрагменты текста (предложения, слова или символы) должны быть согласно таблицы 1 заданы:
с помошью внешнего задания CSS;
с помошью внутреннего задания CSS;
с помошью встроенного задания CSS;
с использованием классов (не менее трех).
В таблице 1 для каждого варианта и для каждого вида задания CSS приведены значения свойств CSS или названия свойств CSS. В последнем случае значение для указанного свойства выбирается студентом произвольно.
Таблица 1№ Свойства CSS
Внешнее задание CSS Внутренне задание CSS Встроенное задание CSS
1 margin-left, word-spacing color, italic, font-family font-size, overline
2 small-caps, color margin-left, center, bold word-spacing, italic
3 justify, bold letter-spacing, underline, color font-family, right
4 margin-left, center font-family, bold, color word-spacing, line-through
5 justify, color margin-left, letter-spacing, font-size small-caps, italic
6 margin-left, letter-spacing color, bold, font-family font-size, underline
7 line-through, font-size margin-left, center, bold word-spacing, color
8 justify, overline word-spacing, smallcaps, color font-family, right
9 margin-left, right fond-size, italic, color word-spacing, underline
10 right, color margin-left, line-through, font-size small-caps, tb-rl
11 margin-left, italic font-size, word-spacing, font-family overline, color
12 margin-left, small-caps color, bold, word-spacing center, italic
13 bold, letter-spacing justify, color, right font-family, underline
14 center, font-family margin-left, color, line-through word-spacing, bold
15 color, tb-rl justify, margin-left, italic small-caps, font-size
16 letter-spacing, color margin-left, font-family, underline font-size, bold
17 font-size, margin-left line-through, bold, color word-spacing, center
18 overline, word-spacing justify, small-caps, right font-family, color
19 right, fond-size tb-rl, color, underline word-spacing, italic
20 color, margin-left right, font-size, bold small-caps, line-through
Оглавление
CТРУКТУРЫ ДАННЫХ И АЛГОРИТМЫ
Дата добавления: 2014-12-18; просмотров: 175 | Поможем написать вашу работу | Нарушение авторских прав |