Modu laburrean, estilo-arauek edo CSS arauek aldaketetan kodea erraztu eta arindu egiten dute. Modu luzea aurreko puntuan aipatu dugu.

font:font-style || font-variant || font-weight || font-size/line-height || letra-tipoaren familia;

p {font: italic normal bold 12px/14pt Verdana, Tahoma, Arial} (*)

(*) CSS formatoan.

background: background-color || background-image || background-repeat || background-attachment || background-position

body {background: #FFF url(../images/ejemplo.gif) no-repeat fixed center} (*)

(*) CSS formatoan.

margin: luzera | portzentajea | auto

• body {margin: 6px} --> marjina guztiak, 6 pixelekoak.
• p {margin: 6px 4px} --> goiko eta beheko marjinak, 6 pixelekoak, eta ezkerrekoa eta eskuinekoa, 4 pixelekoak.
• div {margin: 6px 4px 3px 2px} --> goikoa, 6 pixelekoa; eskuinekoa, 4 pixelekoak; behekoa, 3 pixelekoa, eta ezkerrekoa, 2 pixelekoa.

3.5 Padding (betegarria)

padding: luzera | portzentajea | auto

• body {padding: 2em 3em 4em 5em} --> goiko, eskuineko, beheko eta ezkerreko betegarria.
• body {padding: 2px 4px) --> goikoa eta behekoa, 2 pixelekoak, eta eskuinekoa eta ezkerrekoa, 4 pixelekoak.
• body {padding: 5em} --> guztiak, 5em.

border: border-width || border-style || color

h3 {border: thick dotted blue} (*)

(*) CSS Formatoan