Bandiera inglese Bandiera italiana

Pagina Zen

Red (zen_01) - click

Green (zen_02) - click

Blue (both styles)

Father

Son

My family

Father

Mother

Son

Zen and the art of CSS

This page is not identified by its appareance or his layout. It's not described by its format nor its color.
The real page is whatever is left when you remove all your experience about it.

Margin and Padding
MARGIN(4): top right bottom left;
MARGIN(3): top (right & left) bottom;
MARGIN(2): (top & bottom) (right & left);

Border
BORDER: border-width | border-style | color

List Style
LIST-STYLE: list-style-type | list-style-position | list-style-image

Font
FONT: font-style | font-variant | font-weight | font-size | line-height | font-family

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer egestas malesuada purus vitae elementum. Suspendisse tincidunt imperdiet tempus. Nam non nunc odio, dignissim mattis lorem. Ut porttitor, quam quis commodo ullamcorper, risus justo molestie lectus, vitae mattis lacus justo vel nibh. Mauris massa leo, cursus vitae eleifend in, dignissim suscipit magna. Praesent eu nunc et eros tristique interdum. Ut suscipit augue id enim ornare id imperdiet mauris congue. Etiam egestas facilisis dui, quis porttitor metus fermentum eu. Cras molestie nisi vitae neque blandit id ornare magna ullamcorper. Donec convallis velit vel nunc tempor dapibus. Cras sit amet dolor tortor. Morbi lectus ligula, dictum vitae tristique vitae, tristique et enim. Fusce rutrum dolor pretium tellus mollis dictum. Nam luctus lorem ut ipsum accumsan sit amet pharetra ipsum ornare. Aliquam erat volutpat. Nulla facilisi.

Vestibulum iaculis, justo vitae accumsan posuere, enim diam pharetra mi, ut accumsan elit libero ut mauris. Duis suscipit mollis mattis. Fusce varius arcu sodales orci tristique et tempus nibh vehicula. Duis suscipit adipiscing imperdiet. Suspendisse potenti. Proin tempus, metus nec tempus fringilla, risus nisi tincidunt libero, in consectetur leo elit aliquet turpis. Nam vestibulum consequat diam ut pellentesque. Praesent tempus dapibus sapien, sed vestibulum nulla tempus at. Cras nec eros nisl, nec interdum dolor. In egestas, quam sit amet lobortis venenatis, erat sem egestas ante, non dignissim tortor lorem non risus. In hac habitasse platea dictumst. Nullam porta imperdiet pellentesque.

Quisque eleifend diam nec tellus tincidunt pellentesque. Aliquam erat volutpat. Vestibulum viverra diam sed odio ultrices non malesuada metus vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vehicula, nunc ac facilisis blandit, mauris mi sagittis purus, hendrerit posuere est magna sed neque. Nulla nec dolor nec eros placerat cursus sit amet non enim. Mauris consequat, diam id lacinia adipiscing, enim massa auctor justo, tempus blandit neque quam quis sem. Phasellus enim lectus, varius id lobortis tincidunt, posuere sit amet lectus. Mauris feugiat, dui sit amet sollicitudin elementum, augue sapien scelerisque sem, ut ultrices est ante quis arcu. Integer sollicitudin quam eget nisi vehicula vitae interdum dui porttitor. Duis eu placerat nisl. Phasellus eu augue at nisi elementum sodales. Maecenas dapibus molestie nisl, eget vulputate nunc vehicula et. Fusce porta neque vel justo vehicula ac malesuada lorem cursus. Aenean quis nunc vel metus condimentum pellentesque quis non dui. Nulla erat risus, convallis ac mattis sit amet, pharetra nec arcu.

Nullam et libero sagittis nisl iaculis lacinia. Nullam bibendum aliquam tellus. Pellentesque lobortis tempor aliquet. Vestibulum eget neque arcu. Donec ac nisi nulla. Integer elementum leo sed purus convallis eu tristique risus molestie. Vivamus ut posuere augue. Nunc laoreet elit ac massa vulputate mollis. In hac habitasse platea dictumst. Quisque sed purus leo, id fermentum purus. Phasellus gravida mi suscipit justo elementum sed mollis diam laoreet. Aenean vehicula ipsum eget tellus dignissim sed consequat orci posuere. Nullam turpis neque, imperdiet ut tempus quis, luctus eu nulla. Integer eu nibh odio. Nam vitae ligula erat, vitae condimentum tellus.

Quisque pharetra dignissim velit, quis commodo tortor dictum non. Nunc blandit consectetur ante ut luctus. Aenean dictum sollicitudin commodo. In lectus arcu, tincidunt sed pulvinar id, mollis ac ligula. Proin imperdiet aliquam malesuada. Curabitur lacinia placerat velit ac aliquet. Nunc tincidunt massa vitae enim rutrum et mollis felis gravida. Curabitur vel sapien at mi mattis auctor sit amet eget risus. Donec diam felis, laoreet et porttitor vel, auctor et turpis. Fusce quis felis ut lacus ullamcorper consectetur.

Etiam odio velit, tincidunt et bibendum nec, volutpat eget enim. Proin ullamcorper adipiscing nisl, ut tincidunt turpis convallis nec. Vestibulum et velit a dui egestas placerat. Nulla luctus lacus non erat sagittis laoreet. Quisque interdum faucibus libero, a commodo orci rhoncus ut. Sed nunc nunc, egestas nec laoreet congue, scelerisque non turpis. Proin dictum, massa non ullamcorper pulvinar, lorem nisl euismod erat, at luctus velit urna eu massa. In sodales nibh quis justo ultrices eu tincidunt massa consectetur.

Morbi orci nunc, condimentum vel ornare lobortis, condimentum id tortor. Donec nulla est, euismod eget porttitor ut, iaculis sit amet felis. Phasellus pharetra risus id dui interdum blandit. Mauris dignissim, nisi id porttitor sagittis, ipsum metus dapibus purus, eu convallis felis dui quis quam. Sed vitae ligula in nisl dictum dignissim. Fusce vestibulum faucibus mauris id ultrices. Pellentesque sollicitudin risus pulvinar diam mattis id ullamcorper velit dignissim.

Suspendisse fermentum tristique tincidunt. Praesent turpis risus, sodales non porttitor quis, condimentum nec purus. Nulla ac eros quis lectus dignissim mollis non eu felis. Quisque rutrum, mauris et lacinia dignissim, massa eros mattis justo, at varius risus erat quis lorem. Aenean nunc tortor, ultricies vel placerat interdum, sagittis eu massa. Sed adipiscing, mauris sit amet tristique tincidunt, erat neque vehicula nisl, quis rhoncus nibh quam tristique tortor. Maecenas vulputate iaculis nibh, nec pharetra arcu bibendum tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

Phasellus in augue lacus, eu consectetur augue. Suspendisse ullamcorper suscipit mauris at malesuada. Nam a dui ac eros pellentesque laoreet. Nulla et sapien ligula, eget cursus ipsum. In commodo auctor aliquet. Proin consequat urna sed velit dapibus sodales. Aenean fermentum gravida odio, rhoncus mattis tellus imperdiet vel. Vivamus a dolor dolor, vel ornare arcu. Sed laoreet libero ut mauris tristique faucibus non id tortor.

Phasellus sed augue a nulla volutpat interdum. Ut vel tortor eget nisi tempus adipiscing. Nam consectetur tristique turpis, nec lacinia purus pellentesque sed. Aenean ac arcu ac risus pretium vehicula. Nullam bibendum ultrices malesuada. Nunc in urna erat. Aenean magna turpis, fringilla vitae convallis tristique, mollis eget lectus. Quisque consequat, leo et tincidunt pharetra, libero velit tempus arcu, a rutrum justo neque vel erat. Aenean nec mi diam, ut posuere ipsum.