Presentation is loading. Please wait.

Presentation is loading. Please wait.

CSS Títol pàgina. CSS Títol "estil.css" );

Similar presentations


Presentation on theme: "CSS Títol pàgina. CSS Títol "estil.css" );"— Presentation transcript:

1 CSS Títol pàgina

2

3

4 CSS Títol pàgina @import "estil.css" );

5 CSS Títol pàgina p {margin-left: 20px} body {background-image: url("images/back40.gif")}

6 CSS <p style="color: sienna; margin-left: 20px">...

7 CSS body{ color: #666; background: #e5e5e5; font: Georgia, serif; }

8 El fons body { background: color imatge repetició? fixe? posició } Color: –aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, yellow –#rgb, #rrggbb

9 El fons body { background: color imatge repetició? fixe? posició } Imatge: url("banner.jpeg") –repeat repeat-x repeat-y –fixed scroll –Posició: % %, llarg llarg, top center bottom, left center right

10 El fons body { background: red } p { background: url("chess.png") gray 50% repeat fixed }

11 Tipografia p { font: estil variant pes tamany/alçada família } Estil: normal italic oblique Variant: normal small-caps Pes: lighter normal bold bolder 100 … 400 … 700 … 900

12 Tipografia p { font: estil variant pes tamany/alçada família } Tamany/alçada –Absolut: xx-small x-small small medium large x-large xx-large –Relatiu: larger smaller –Em’s, ex’s, px’s –% 10% … 90% 100% 110%...

13 Tipografia p { font: estil variant pes tamany/alçada família } Família –serif, sans-serif, cursive, fantasy, monospace –Helvetica, Arial, “Courier New”, “Times New Roman”…

14 Tipografia p { font: 12px/14px sans-serif } p { font: 80% sans-serif } p { font: x-large/110% "New Century Schoolbook", serif } p { font: bold italic large Palatino, serif } p { font: normal small-caps 120%/120% fantasy }

15 Tipografia p { letter-spacing; word-spacing; text-align; text-decoration; text-indent; text-transform } Espaiat: en em’s, ex’s, px’s (+ i -) text-align: left right center justify text-decoration: none underline overline line-through

16 Tipografia p { letter-spacing; word-spacing; text-align; text-decoration; text-indent; text-transform } text-indent: em’s ex’s, px’s, % text-transform: capitalize uppercase lowercase none

17 Vores img { border: amplada estil color } Amplada: thin, medium, thick, em’s ex’s i px’s Estil: none, dotted, dashed, solid, double, groove, ridge, inset, outset Color…

18

19

20

21

22


Download ppt "CSS Títol pàgina. CSS Títol "estil.css" );"

Similar presentations


Ads by Google