Top Ad unit 728 fff 90

DIV и CSS

Элемент <div> является блочным и предназначен для выделения фрагмента документа с целью изменения вида содержимого. Вид блока управляется стилями. Что-бы каждый раз не описывать стиль в самом теге, можно описать стили в таблице стилей, а тегу добавить "class" или "id" с именем селектора.

Как и у других блочных элементах, содержимое тега <div> всегда начинается с новой строки. Также после него добавляется перенос.

 

Синтаксис

<div> ... </div>

 

Атрибуты

align - задает выравнивание содержимого тега <div>.

title - добавляет всплывающую подсказку к содержимому.

 

Пример использования

<html>

<head>

<style type="text/css">

.block1 {

width: 200px;

background: #ccc;

padding: 5px;

padding-right: 20px;

border: solid 1px black;

float: left;

}

.block2 {

width: 200px;

background: #fc0;

padding: 5px;

border: solid 1px black;

float: left;

position: relative;

top: 40px;

left: -70px;

}

</style>

</head>

<body>

<div class="block1">Жили да были дед со старухой, и было у них 3 дочери ...</div>

<div class="block2">Мальчик спальчик вышел в поле, и понял, что идти ему придется ооочень долго ...</div>

</body>

</html>

All Rights Reserved by ProcessPlus 2014 - 2018

Написать нам

Имя

Email *

Сообщение *