Vietņu izkārtojums ir divu veidu: tabulas un bloks. Un, lai gan pirmais ir ērtāks, lai izveidotu vienkāršas html lapas, otrais ir ideāls, ja jums jāpievieno atsevišķi elementi bloku formā.
Instrukcijas
1. solis
Ir divas metodes, kas ļaus jums pašiem izstrādāt bloka dizainu: iegremdējot kaskādes stila lapas dokumentā vai savienojot tās no ārēja resursa. Abi dod tādu pašu rezultātu, tāpēc starp tiem nav būtiskas atšķirības. Pirmajā gadījumā ielīmējiet šo kodu jebkur failā style.css:
.block1 {
}
Bloks1 - bloka nosaukums, jūs varat rakstīt jebkuru citu. Starp cirtainajām lencēm norādiet parametrus šādā formātā: atribūta nosaukums> kols> vērtība> semikols (ieskaitot pirms cirtainajām lencēm). Parasti tiek izmantoti šādi elementi:
- platums - platums (500 pikseļi, 100% utt.);
- augstums - augstums (200px, 25% utt.);
- fons - fona krāsa (dzeltena, sarkana, # 000000);
- polsterējums - polsterējums ap bloka iekšējo saturu (0px, 20%);
- starpība - bloka ārējās rezerves (15 pikseļi, 40%);
- apmale - rāmis (apmale: cieta 0 pikseļu melna;);
- pludiņš - izlīdzinājums (pa kreisi, pa labi);
- robežas rādiuss - stūru noapaļošana (apmales rādiuss: 10 pikseļi;).
2. solis
CSS otrajā lietojumā pievienojiet stilu starp tagiem un.
.block1 {
}
Un pievienojiet vēlamos parametrus.
3. solis
Ievietojiet bloku vēlamajā vietnes vietā, izmantojot komandu:
1. bloks
Saglabājiet un atsvaidziniet lapu, tai vajadzētu parādīties. Paturiet prātā, ka augstuma izlīdzināšana var atšķirties atkarībā no tā, cik saturs ir pilns. Piemēram, ja iestatāt 300 pikseļus, bet uzrakstījāt tikai vienu teksta rindiņu, tas netiks parādīts pilnībā. To var labot, piemēram, izmantojot tabulu ar nepieciešamajiem parametriem, kas jānovieto bloka iekšienē, t.i. starp tagiem un. Lai robežas nebūtu redzamas, ievietojiet atribūtu