Реферат: Разработка сайта с использованием CSS
Затем вызываем идентификатор:
---
<P id=idFontArial>Шрифт с гарнитурой Arial</P>
---
Теперь можно сделать глубокий выдох – мы изучили все способы определения стилей!
Свободное позиционирование.
В данном уроке мы поговорим о позиционировании элементов. Если в HTML Web-мастер не имеет возможности тыкать текст, куда угодно (без применения таблиц), то CSS решает проблему и делает это весьма эффективно. Существует специальный параметр, имя которому Position. Он может принимать 2 значения, а именно: absolute и relative. В первом случае мы задаем абсолютное положение элемента, а во втором – его место относительно начального. Кто-то из вас уже орет: «ты ваще сам понял, что сказал?», но другими словами выразиться непросто. Предлагаю вам рассмотреть один достаточно примитивный листинг и поэкспериментировать с ним:
<HTML>
<HEAD>
<Style>
.1 {position: absolute; top: 37; left:17;}
.2 {position: absolute; top: 40; left:20; color: red;}
</Style>
</HEAD>
<BODY>
<H1 class="1">Это заглавие.</H1>
<H1 class="2">Это заглавие.</H1>
</BODY>
</HTML>
И результат:
Работа со шрифтами.
CSS предоставляет нам широкие возможности для работы со шрифтами. Первое свойство, с которым вам предстоит познакомиться – это font-size. Вы могли заметить, что данный параметр нам уже встречался, однако мы не имели чести познакомиться со значениями оного. Давайте исправим обидный ляпсус:
Large – крупный.
X-large – крупнее.
XX-large – самый крупный.
Medium – средний.
Small – маленький.
X-small – меньше.
XX-small – самый маленький.
Кроме того, никто не мешает нам применять относительные значения. Всего их два: larger и smaller. Они изменяют размер текста относительно базового.