body { /*aquest valors seran genèric per tota la pàgina*/ width: 796px; /*Definim una amplada semblant a la fulla*/ font-family: Arial, Helvetica, sans-serif; /*utilitzem la mateixa font i donem alternatives per si no estan instal·lades*/ text-align: justify; /*Justificació del texte*/ margin: 0px; /*Eliminem marges de la pàgina*/ padding: 60px; /*Al donar aquest padding la web deixa un espai en la part de endalt així com lateral semblant a la fulla */ line-height: 19px; /*la separació entre línees és una mica més gran*/ } p { font-size: 12px; /* li donem un cos de lletra als paràgrafs de 12 pixels */ text-indent: 3.3324em; /* aquest és el sangrat de la primera línia del paràgraf*/ } h1 { line-height: 31px; /*marquem una mica més de separació del títol al primer paràgraf*/ } h1 + p, h2 + p { /* al utilitzar un selector de germà adjacent aconseguim que el primer paràgraf després del títol h1/h2 no tingui sangrat*/ text-indent: 0; /*sense sangrat en la primera línea*/ } h1 + p:first-letter { /*amb aquesta combinació germà adjacent i pseudoelement aconseguim donar format a la primera lletra d'un paràgraf després d'un títol*/ color: rgb(154,205,0); /*donem color a la primera lletra*/ font-size: 30px; /*donem cos a la primera lletra*/ font-family: 'Times new roman'; /*la lletra es d'un altre estil*/ font-weight: bold; /*donem més cos*/ } h1,h2 { color: rgb(154,205,0); /*donem color als títols h1 i h2*/ } blockquote,q { /*donem propietats als comentaris de bloc així com els entre-comillats*/ font-size: 11px; /*el cos de la lletra*/ color: rgb(0,0,255); /*el color blau*/ } blockquote > p { /*aquest selector de fill podem fer que els paràgrafs que estiguin en jerarquia com a fills de blockquote tinguin les següents propietats*/ text-indent: 0; /*sense sangrat en la primera linea*/ font-size: 11px; /*cos de la lletra*/ width: 710px; /*un amplada diferent per fer que les línies facin retorn al moment correcte*/ } q { /*assignem format a l'entre comillat*/ word-spacing: 1px; /*sembla que l'espai entre paraules dels comentaris entre-comillats "q" es una mica més gran*/ } p.mencio-final { /*definim una classe especial per el darrer paràgraf que és diferent de els altres
*/ font-size: 0.7em; /*cos més petit ajustat amb em per aproximar més*/ text-indent: 0; /*sense sangria*/ } .nom { /*estableixo una classe especial per el marcatge de noms així es podem canviar fàcilment d'estil*/ text-transform:capitalize; /*fem que la primera lletra de cada paraula en la classe .nom vagi en majúscules*/ }