mokhov

div {
	height: 50px;
	width: 50px;
	border-radius: 50%;
	position: absolute;
	top: 200px;
	left: 400px;
	background: black;
}

mokhov

.layout {        
	display: grid;        
	grid-template-columns: 100px 1fr 100px 2fr 100px;        
	grid-template-rows: auto 50px 100px auto;        
	grid-template-areas:  "a a a a a"        
					      "c b b b d"
					      "e b b b d"
					      "f f f g g";        
}

mokhov

p {
	color: green;
}

mokhov

a { color: red }
span { color: blue }
p { color: purple }
p p { color: green }
* { color: yellow }

mokhov

div {    
	font-size: 100px;
	font-family: ComicSans,    
	Yandex Sans Logotype;    
	color: black;    
	bem: true;
	
.yandex {
	color: yellow;
}

mokhov

span {    
	color: red !important;
}

mokhov

.cube {
	position: absolute;
	top: 50px;
	left: 50px;
	width: 20px;
	height: 20px;
	background: red;
	
	transition: .3s opacity;
}

mokhov

.outer {
	position: relative;
	width: 500px;
	height: 500px;
	background: red;
}


.inner {
	position: absolute;

mokhov

<span>aaa
<div>text</div>bbbb</span>

mokhov

a {
	border: 1px solid red;
}