Kā Pievienot Bloku Vietnē

Satura rādītājs:

Kā Pievienot Bloku Vietnē
Kā Pievienot Bloku Vietnē

Video: Kā Pievienot Bloku Vietnē

Video: Kā Pievienot Bloku Vietnē
Video: Обыкновенные зомби. Как работает ложь (полный выпуск) 2024, Novembris
Anonim

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ā.

Kā pievienot bloku vietnē
Kā pievienot bloku vietnē

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

Ieteicams: