Код CSS
by pharma_nsk
HTML
<body>
<div>
<header><p>css</p></header>
<code>
<span class="class">.something-semantic</span> <span class="bracket">{</span><br>
<span class="attribute">display</span><span class="punctuation">:</span> <span class="value">table</span><span class="punctuation">;</span><br>
<span class="attribute">width</span><span class="punctuation">:</span> <span class="value">100%</span><span class="punctuation">;</span><br>
<span class="bracket end">}</span><br>
<span class="class">.something-else-semantic</span> <span class="bracket">{</span><br>
<span class="attribute">display</span><span class="punctuation">:</span> <span class="value">table-cell</span><span class="punctuation">;</span><br>
<span class="attribute">text-align</span><span class="punctuation">:</span> <span class="value">center</span><span class="punctuation">;</span><br>
<span class="attribute">vertical-align</span><span class="punctuation">:</span> <span class="value">middle</span><span class="punctuation">;</span><br>
<span class="bracket end">}</span>
</code>
</div>
</body>CSS
body {font-size:14px; font-weight:bold;}
div {background-color:black; padding-bottom:20px;}
header {background-color: orange; color:white; font-size:24px; padding-left:20px;}
.class {color:#FFDA61;padding:10px;}
.bracket, .punctuation {color:white;}
.attribute {color:#BF94FF; padding-left:40px;}
.value {color: #FF7452;}
.end {padding:10px;}