В данном уроке мы поговорим о позиционировании элементов. Если в 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>
И результат:
Красиво, не правда ли? Прибегнув к абсолютному позиционированию, мы смогли сместить текст так, как будто он отбрасывает тень!!!
На сем позвольте откланяться. Урок окончен!
>>> В 6 уроке мы научились прикручивать к CSS такую классную фишку,
как свободное позиционирование. Надеюсь, вам пригодится эта шняга.
>>> Вопросы по урокам:
- Какие способы определения стилей вы узнали в 5 уроке и как их применять?
- Подумайте, в каких случаях свободное позиционирование может принести вашему
проекту пользу?
| РЕКЛАМА |
|
