Tabele, structura de masă, aspectul tabelar

tag - începutul unui șir de caractere
Aceste etichete crea un nou celule rând (linie)
Tag - sfârșitul liniei

deschiderea tag-ul celulei
continutul celulei - header tabel (header tabel)
text în interiorul acestor tag-uri vor fi cu caractere aldine și centrat
tag-ul de celule de închidere

deschiderea tag-ul celulei
conținutului celulelor
tag-ul de celule de închidere

lățimea - lățimea mesei și celulele indicate în „%“, sau pixeli „800“, nu adăugați la înălțimea tabelelor și a celulelor HTML (cod nu trece de validare), pentru a specifica înălțimea, foi de utilizare stil - CSS

frontieră - grosimea cadrului

cellspacing - distanța dintre celule

cellpadding - distanța dintre marginile celulei și textul

aliniați - alinierea orizontală (stânga = centru „stânga“ = „centru“ dreapta = „dreapta“)

valign - aliniere verticală (sus = "top" mid = bottom = "bottom" "mijloc")

colspan - numărul de celule pe orizontală

rowspan - numărul de celule pe verticală

Tabelul monocelulare

Adăugarea unei clase de celule de masă (clasa = „«) sau id (id =».“), Puteți controla aspectul lor folosind CSS. Pentru a iniția o modificare a valorii parametrilor și cellpadding de frontieră la „0“ în tabel și adăugați codul de clasă. Fiecare clasă în CSS definim proprietatile, de exemplu, dacă vom folosi trei variante ale antetul paginii (h1, h2 și h3), atunci fiecare dintre ele este atribuit unei clase (clasa h1 = „zag1“) - (h2 class = „zag2“) - (h3 class = "zag3"). În CSS, vom scrie:

zag1 font: 36px Verdana, Arial, Helvetica, sans-serif; / * Font, dimensiunea fontului * /
culoare. # 000; / * Font color * /
font-greutate: 900; / * Font * Greutate /
>
.font zag2: 28px Helvetica, Arial, sans-serif;
culoare. # 666;
font-weight: 800;
>
.zag3 font: 20px sans-serif;
culoare. #ccc;
font-weight: 700;
>

In CSS, punctul este plasat înaintea numelui clasei - (.name), iar în cazul în care se utilizează ID (identificator), apoi partea din față a ID nume este pus Grille # - (#nume). Numele clasei și identificatorul trebuie să înceapă cu o literă, dacă acestea sunt într-o mulțime de CSS, pentru a evita confuzia, puteți adăuga numerele - (.name1) - (.name2). ID Numele reapara nu ar trebui, de exemplu, dacă aveți pe o pagină, mai multe tabele, numele fiecărui Să, care este diferit de celelalte - (tabelul id = pagina) - (tabel id = meniu) - (tabel id = conținut), utilizați același nume clasa poate fi orice număr de - (p class = text) - (span class = text) - (strong class = text), dar proprietățile elementelor sunt aceleași.

Pe Internet puteți descărca ghiduri pentru CSS, o referință bună pentru CSS, a scris Vlad Merzhevich, îl puteți descărca făcând clic pe acest link

Tabel pagină de bază

Acum, un pic de CSS

Marja de corp. 0;
umplutură. 0;
culoare de fundal: #fff;
>

h1, h2 culoare. # 5E985A;
font-weight: 700;
-Padding la stânga. 4px;
>

culoare h3. # 507E4B;
font-weight: 700;
padding: 3px 0 0 0;
marjă. 0;
>

antet. left_top. content_top. right_top background-color: # 95C094;
>

stânga background-color: # C1DAC0;
culoare. # 333;
umplutură. 7px 7px 0 7px;
>

Conținutul culoare de fundal: #fff;
culoare. # 333;
umplutură. 7px 7px 20px 7px;
>

dreapta background-color: # C1DAC0;
culoare. # 333;
umplutură. 7px 7px 0 7px;
>

p font dreapta: 11px sans-serif;
culoare. # 333;
line-height: 1.5;
>

subsol culoare de fundal: # 95C094;
text-align. centru;
padding-top. 15px;
padding-bottom. 15px;
>

p font subsol: 10px Verdana, Arial, Helvetica, sans-serif;
culoare. #fff;
>

Stiluri globale stabilit tipul elementelor întregului document.
În acest scop,

Situat în antetul documentului.