CSS Reference

Essential CSS properties and selectors for beginners and web developers.

color: red;

font-size: 24px;

font-family: Arial;

font-weight: bold;

font-style: italic;

text-align: center;

text-decoration: none;

line-height: 1.5;

letter-spacing: 2px;

text-transform: uppercase;

background: blue;

background-color: black;

background-image: url(image.jpg);

background-size: cover;

background-position: center;

opacity: 0.5;

margin: 20px;

padding: 20px;

margin-top: 10px;

padding-left: 15px;

gap: 20px;

width: 300px;

height: 200px;

max-width: 100%;

min-height: 100vh;

border: 1px solid black;

border-radius: 10px;

box-shadow: 0 0 10px gray;

outline: 2px solid blue;

display: flex;

display: block;

display: inline;

display: grid;

overflow: hidden;

flex-direction: column;

justify-content: center;

align-items: center;

flex-wrap: wrap;

flex-grow: 1;

position: absolute;

top: 20px;

left: 50px;

z-index: 10;

grid-template-columns: 1fr 1fr;

grid-template-rows: auto;

place-items: center;

transition: 0.3s;

transform: scale(1.2);

animation: fade 2s;

@keyframes fade {}

.box {}

#header {}

* { margin:0; }

button:hover {}

input:focus {}

::before {}

::after {}