CSS

selectors

select element

[element] {

select class

.[class] {

select id

#[id] {

select only the first named element in parent

[parent] [element]:first-child {

select only the last named element in parent

[parent] [element]:last-child {

multiple selectors

.incorrect, .error

text

font-size: 2em;
font-size: 10px;
font-weight: bold;

text-decoration: none;
text-decoration: underline;

line-height: 24px;

height: 100vh;
height: 100%;
height: auto;
height: 100px
height: calc(100vh - 20px);

change foreground color

color: green;

layout

width: 100vh; 
width: 276px;

left: 0px;
right: 0px;

display: flex;

floating

[selector] { float:left; }
[selector] { float:right; }
[selector] { clear: both; }

background-color: #ddd;

border: 2px groove;
border: 1px solid black;
border-collapse: collapse;

styling elements

style list

list-style-type: none;
list-style-type: inherit;
list-style-type: circle;
list-style-type: disc;
list-style-type: square;
list-style-type: upper-roman;
list-style-type: lower-alpha;
list-style-type: decimal;

list-style-position: inside;
list-style-position: outside;