Index

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;