Asztalok, szerkezet, táblázatos elrendezés
Ezek a címkék hozzon létre egy új sort (line) sejtek
cella tartalmát - táblázat fejlécében (táblafejléc)
szöveget a következő tag-lesz félkövér és középre
cella tartalmát
szélesség - a szélessége a tábla és a sejteket az az „%”, vagy pixel „800”, ne add, hogy a magassága a HTML táblázatok és sejtek (kód nem ment át az ellenőrzésen), adja meg a magasságot, használata stíluslapok - CSS
határ - a keret vastagsága
cellspacing - a távolság a sejtek
cellpadding - a távolság a cella határán, és a szöveg
igazítsa - a vízszintes igazítás (bal = "left" center = "center" jobb = "right")
valign - függőleges igazítás (fel = "top" mid = "középső" alulról = "alulról")
colspan - a sejtek száma vízszintesen
rowspan - sejtek száma függőlegesen
Táblázat egycellás
| sejt |
| Ez a cella № 1 |
| Ez a cella № 2 |
| Ez a cella № 3 |
Hozzáadása táblázatcellába osztály (class = " ") vagy az azonosító (id ="."), Akkor az ellenőrzés a megjelenésüket CSS segítségével. Kezdeményezni a változás a paraméterek értéke és a határ cellpadding „0” az asztalra, és csatolja az osztály kódját. Minden osztály a CSS meghatározzuk a tulajdonságokat, például, ha az általunk használt három változatát az oldal fejléc (H1, H2 és H3), majd mindegyik hozzá van rendelve egy osztály (h1 class = "zag1") - (h2 class = "zag2") - (h3 class = "zag3"). A CSS-ben írunk:
zag1 font: 36px Verdana, Arial, Helvetica, sans-serif; / * Betűméret * /
színét. # 000; / * Betűszín * /
font-weight: 900; / * Betűtípus tömeg * /
>
.zag2 font: 28px Helvetica, Arial, sans-serif;
színét. # 666;
font-weight: 800;
>
.zag3 font: 20px sans-serif;
színét. #ccc;
font-weight: 700;
>
A CSS-ben a pont elé kerül az osztály neve - (.name), és ha használják ID (azonosító), akkor a neve előtt álló azonosító kerül rács # - (#name). Az osztály nevét és azonosítóját kell kezdődnie írni, ha azok túl sok CSS, a félreértések elkerülése végett, felveheti a számokat - (.name1) - (.name2). ID Név megismétlődne például nem, ha van egy oldal, több asztalon, minden let neve, amely eltér a másik - (asztal id = oldal) - (asztal id = menü) - (asztal id = tartalom), ugyanazt a nevet használja osztály lehet tetszőleges számú - (p class = szöveg) - (span class = szöveg) - (strong class = szöveget), de akkor a tulajdonságait az elemek ugyanazok.
Az interneten lehet letölteni útmutatók CSS, jó referencia CSS írta Vlad Merzhevich, akkor töltse le azt a linkre kattintva
Alapvető táblázat oldal
Most egy kicsit a CSS
test árrés. 0;
padding. 0;
background-color: #fff;
>
H1, H2 színét. # 5E985A;
font-weight: 700;
padding-balra. 4px;
>
h3 színű. # 507E4B;
font-weight: 700;
padding: 3px 0 0 0;
árrés. 0;
>
fejlécet. left_top. content_top. right_top background-color: # 95C094;
>
bal background-color: # C1DAC0;
színét. # 333;
padding. 7px 7px 0 7px;
>
tartalom background-color: #fff;
színét. # 333;
padding. 7px 7px 20px 7px;
>
jobb background-color: # C1DAC0;
színét. # 333;
padding. 7px 7px 0 7px;
>
jobb p font: 11px sans-serif;
színét. # 333;
line-height: 1,5;
>
Lábjegyzet background-color: # 95C094;
text-align. központ;
padding-top. 15px;
padding-bottom. 15px;
>
Lábjegyzet p font: 10px Verdana, Arial, Helvetica, sans-serif;
színét. #fff;
>
Globális stílusok típusának beállításához az elemek a teljes dokumentumot.
Erre a célra,
Található, a dokumentum fejlécében.