Curs 8 - Conținut și design în programarea web - Andrei
Curs 8 - Conținut și design în programarea web - Andrei Curs 8 - Conținut și design în programarea web - Andrei
Universitatea Politehnica Bucuresti - Facultatea de Automatica si Calculatoare Exemplu de CSS • /* This is a comment */ • h1,h2,h3 {font-family: Arial, sans-serif;} /* use 1st available font */ • p, table, li, address { /* apply to all these tags */ font-family: "Courier New"; /* quote values containing spaces */ margin-left: 15pt; /* specify indentation */ } • p, li, th, td {font-size: 80%;} /* 80% of size in containing element */ • th {background-color:#FAEBD7} /* colors can be specified in hex */ • body { background-color: #ffffff;} • h1,h2,h3,hr {color:saddlebrown;} /* adds to what we said before */ • a:link {color:darkred} /* an unvisited link */ • a:visited {color:darkred} /* a link that has been visited */ • a:active {color:red} /* a link now being visited */ • a:hover {color:red} /* when the mouse hovers over it */ 07.05.2009 Curs Programare Web, anul 4 C5 – Curs 8 46
Universitatea Politehnica Bucuresti - Facultatea de Automatica si Calculatoare Selectori • Un tag XML sau HTML poate fi folosit ca un simplu element selector: body { background-color: #ffffff } • Putem insa folosi selectori multipli: em, i {color: red} Putem repeta selectorii: h1, h2, h3 {font-family: Verdana; color: red} h1, h3 {font-weight: bold; color: pink} • Atunci cand valorile nu coincid, ultima declaratie suprascrie declaratiile anterioare • Selectorul universal * se aplica oricarui si tuturor elementelor: * {color: blue} • Atunci cand valorile nu coincid, selectorii mai specifici suprascriu comportamentul selectorilor mai generali (deci elementele em vor fi in continuare rosii) 07.05.2009 Curs Programare Web, anul 4 C5 – Curs 8 47
- Page 1 and 2: Universitatea Politehnica Bucuresti
- Page 3 and 4: Universitatea Politehnica Bucuresti
- Page 5 and 6: Universitatea Politehnica Bucuresti
- Page 7 and 8: Universitatea Politehnica Bucuresti
- Page 9 and 10: Universitatea Politehnica Bucuresti
- Page 11 and 12: Universitatea Politehnica Bucuresti
- Page 13 and 14: Universitatea Politehnica Bucuresti
- Page 15 and 16: Universitatea Politehnica Bucuresti
- Page 17 and 18: Universitatea Politehnica Bucuresti
- Page 19 and 20: Universitatea Politehnica Bucuresti
- Page 21 and 22: Universitatea Politehnica Bucuresti
- Page 23 and 24: Universitatea Politehnica Bucuresti
- Page 25 and 26: Universitatea Politehnica Bucuresti
- Page 27 and 28: Universitatea Politehnica Bucuresti
- Page 29 and 30: Universitatea Politehnica Bucuresti
- Page 31 and 32: dots.xml Universitatea Politehnica
- Page 33 and 34: Universitatea Politehnica Bucuresti
- Page 35 and 36: Universitatea Politehnica Bucuresti
- Page 37 and 38: Universitatea Politehnica Bucuresti
- Page 39 and 40: Universitatea Politehnica Bucuresti
- Page 41 and 42: Universitatea Politehnica Bucuresti
- Page 43 and 44: Universitatea Politehnica Bucuresti
- Page 45: Universitatea Politehnica Bucuresti
- Page 49 and 50: Universitatea Politehnica Bucuresti
- Page 51 and 52: Universitatea Politehnica Bucuresti
- Page 53 and 54: Universitatea Politehnica Bucuresti
- Page 55 and 56: Universitatea Politehnica Bucuresti
- Page 57 and 58: Universitatea Politehnica Bucuresti
- Page 59 and 60: Universitatea Politehnica Bucuresti
- Page 61 and 62: Universitatea Politehnica Bucuresti
- Page 63 and 64: Universitatea Politehnica Bucuresti
- Page 65 and 66: Universitatea Politehnica Bucuresti
- Page 67 and 68: Universitatea Politehnica Bucuresti
- Page 69 and 70: Universitatea Politehnica Bucuresti
- Page 71 and 72: Universitatea Politehnica Bucuresti
- Page 73 and 74: Universitatea Politehnica Bucuresti
- Page 75 and 76: Universitatea Politehnica Bucuresti
- Page 77 and 78: Universitatea Politehnica Bucuresti
- Page 79 and 80: Universitatea Politehnica Bucuresti
- Page 81 and 82: Universitatea Politehnica Bucuresti
- Page 83 and 84: Universitatea Politehnica Bucuresti
- Page 85 and 86: Universitatea Politehnica Bucuresti
- Page 87 and 88: Universitatea Politehnica Bucuresti
- Page 89 and 90: Universitatea Politehnica Bucuresti
- Page 91 and 92: Universitatea Politehnica Bucuresti
- Page 93 and 94: Universitatea Politehnica Bucuresti
- Page 95 and 96: Universitatea Politehnica Bucuresti
Universitatea Politehnica Bucuresti - Facultatea de Automatica si Calculatoare<br />
Exemplu de CSS<br />
• /* This is a comment */<br />
• h1,h2,h3 {font-family: Arial, sans-serif;} /* use 1st available font */<br />
• p, table, li, address { /* apply to all these tags */<br />
font-family: "Courier New"; /* quote values containing spaces */<br />
margin-left: 15pt; /* specify indentation */<br />
}<br />
• p, li, th, td {font-size: 80%;} /* 80% of size in containing element<br />
*/<br />
• th {background-color:#FAEBD7} /* colors can be specified in hex */<br />
• body { background-color: #ffffff;}<br />
• h1,h2,h3,hr {color:saddlebrown;} /* adds to what we said before */<br />
• a:link {color:darkred} /* an unvisited link */<br />
• a:visited {color:darkred} /* a link that has been visited */<br />
• a:active {color:red} /* a link now being visited */<br />
• a:hover {color:red} /* when the mouse hovers over it */<br />
07.05.2009 <strong>Curs</strong> Programare Web, anul 4 C5 – <strong>Curs</strong> 8<br />
46