Шпора по css

Подключение файлов css

<link href="css/style.css" rel="stylesheet">

пропись напрямую стиля для параграфа

<p style=’color:red; size:20px’>hellow world</p> выведет

hellow world

float – обтекание элемента »

показывает по какой стороне будет выравниваться элемент, значение left показывает что элемент выравнивается по левому краю, а все остальные обтикают его справа. Если установить right то элементы будут обтикать по левому краю, а выравнивание будет по правому.

/*контент сайта*/
#content{
	background: #d2d0d2;
	/*задает обтикание элемента слева*/
    float: left;
    width: 700px;
    height: 400px;
}

/*сайдбар сайта*/
#sidebar{
	background: #99CC99;
	/*задает обтекание элемента справа*/
    float:right;
    width: 200px;
    height: 400px;
}

и два блока

<div id="content"><h2>content</h2></div>
<div id="sidebar"><h2>sidebar</h2></div>

они как бы прицепятся по краям. В общем между ними может быть любой текст это к примеру. Блоки как бы идут по порядку и если между ними добавить еще один блок, то мы туда можем что то помещать и он окажется как бы посередине.

Блочная верстка »

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Комментарии:


Оставить комментарий

Your email address will not be published. Required fields are marked *