Отчет по лабораторной работе № 3 «каскадные таблицы стилей», страница 3

                        <DIV ID="flowing">Плавающая надпись...</DIV>

                        <DIV ID="flowing">Плавающая надпись...</DIV>                    

                  </TD>

            </TR>

      </TABLE>

</BODY>

</HTML>

MAIN.CSS

body

 {

      background-image: URL(..\images\coffe.png);

      text-align:center;

      margin-top:0px;

      margin-bottom:0px;

}

.back

{

      width: 800px;

      height: 100%;

      background-color: #facfac;

      vertical-align: top;   

}

.menu

{

      width:150px;

}

td.menu_td

{

      background-color: #ffffff;

}

a.menu

{

      color:#000000;

      text-decoration:none;

}

a.menu:hover

{

      text-decoration:none;

      font-weight:bold;

}

a.menu:visited

{

      color:#000000;

      text-decoration:none;

}

#p1 {position: absolute; top: 30px; left: 50%}

#p2 {position: relative; top: 20px; left: 20px}

#flowing {width: 20%; float: left}

Вид странички

Выводы.

            В ходе лабораторной работы мы изучили принципы встраивания каскадных таблиц стилей в документ, группирование и наследование. Рассмотрели блоковые и встроенные элементы, свойства форматирования элементов, шрифты, форматирование текстов, визуальное форматирование.

            Была создана HTML-страничка с использованием технологии CSS, содержащая меню, элементы ввода текста, элементы с абсолютным и относительным позиционированием, а так же с применением плавающей модели форматирования содержимого странички.

            CSS – это мощная технология, позволяющая разделить документ на информационное содержимое и оформление, что позволяет изменять отображение документа, не меняя его структуры.