vpavlenko

/**
 * The first commented line is your dabblet’s title
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 80%;

vpavlenko

<p>My favorite color is <del>blue</del> <ins>red</ins> <em>green</em> <strong>pink</strong>!</p>
<p>My favorite color is <s>blue</s> <u>red</u> <i>green</i> <b>pink</b>!</p>

vpavlenko

/**
 * The first commented line is your dabblet’s title
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;

.square {
	height: 100px;

vpavlenko

/*Селекторы. Class, ID*/

body
{
	font-size: 32px
}

#myid
{
	color: red;

vpavlenko

/* самый распространенный: все потомки */
.parent .child 
{
	aborder: solid 3px red 
}

/* 
	все селекторы можно уточнять 
	именами элементов ol.parent li.child 
*/

vpavlenko

.parent li:first-child
{
	aborder: 1px solid red;
}

.parent li:last-child
{
	aborder: 1px solid red;
}

vpavlenko

/* 
	любые стили для :visited 
	отключены в webkit по 
	соображениям безопастности 	
*/
:visited
{
	/* разрешается менять только color */
	color: red;
	text-decoration: none;

vpavlenko

body {
	font-size: 36px;
}

.outer /* , .outer > div */ {
	color: red;  /* строчное свойство - наследуется */
	border: 2px solid black;  /* блочное свойство - не наследуется */
}

vpavlenko

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

.main

vpavlenko

/* 
	1em = 100% 
	1ex = 1/2em или высоте x
*/
body
{
	font-size: 5em;
}

.em-box {