tyv

div
{
	position: relative;

	width: 400px;
	height: 400px;
	
	border: 1px solid red;
}

tyv

/*
	списки и счетчики
	http://clck.ru/d/_DP820mM15kId
	http://clck.ru/d/W3EGMhVZ15kIl	
	http://clck.ru/d/yvjcixu815kJJ
*/

tyv

/*
	Стопка бумаг
	не должна завистеть от контента: 
	может быть больше или меньше
	
	http://clck.ru/d/7IfEw0cr15kKL
 */

tyv

div
{
	position: relative;

	width: 400px;
	height: 400px;
	
	border: 1px solid red;
}

tyv

/*
	http://www.stuffandnonsense.co.uk/archives/images/specificitywars-05v2.jpg
	http://css-tricks.com/specifics-on-css-specificity/



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

tyv

/* 
	1. селектор + !important в user.css > никак не повлиять
	2. селектор + !important в style.css
	3. селектор в style.css
	4. селектор в user.css
	5. селектор в browser.css > reset.css
*/

/* 
	уберем дефолты браузера для списка

tyv

/* 
	Наследуемые значения наследуются по оси потомков.
	
	Практически все свойства блочной модели не наследуются
	http://www.w3.org/TR/CSS/#properties
*/

/*
	Наследуемые занчения не имеют специфичности
	это отличается от специфичности = 0	

tyv

/*
	процентные значения берутся как правило
	от родителя
*/
html, body
{
	height: 100%;
}

.main

tyv

/*
	процентные значения берутся как правило
	от родителя
*/
html, body
{
	height: 100%;
}

.main

tyv

div 
{
	width: 200px;
	height: 200px;
	
	background: red;

	/*
		rgb(255,0,0);
		rgb(100%,0%,0%);