Kā izmantot izkārtojuma opcijas Dreamweaver CSS rekvizītu panelī

CSS Noformētāja rekvizītu paneļa augšdaļā atrodas CSS rekvizīti, ko parasti izmanto, lai izveidotu lapu izkārtojumus. Varat izmantot šīs opcijas, lai norādītu augstumu, platumu, līdzinājumu, novietojumu un atstarpi. Šie iestatījumi ir ideāli piemēroti, lai izveidotu lapu izkārtojumus ar klases un ID stiliem, piemēram, izlīdzinātu attēlus un pozīciju

tagus, lai izveidotu vairāku kolonnu izkārtojumus.

Varat izmantot izkārtojuma opcijas panelī CSS rekvizīts, lai iestatītu šīs vērtības:

• Platums: norādiet jebkura elementa platumu, kura izmēri var būt norādīti, piemēram, a

  tagu. Izmēra opcijas ir pikseļi (pikseļi), punkts (pt), pica (pc), procenti (%), em, rem, ex un ch.

• Augstums: norādiet jebkura elementa augstumu, kuram var būt norādīti tā izmēri.

  • Min. un Max Width: norādiet minimālo un maksimālo platumu

    tagus un citus bloka elementus. Šīs opcijas ir noderīgas, ja platumu norādāt procentos no pārlūkprogrammas loga. Piemēram, varat iestatīt noformējuma platumu 80 procentos no pārlūkprogrammas loga un pēc tam iestatīt maksimālo platumu 1000 pikseļu, lai izkārtojums netiktu izstiepts par 1000 pikseļiem.

  • Minimālais un maksimālais augstums: norādiet minimālo un maksimālo augstumu

    tagus un citus bloka elementus.

  • Piemale: iestatiet vietas apjomu ap elementu. Piemales var izmantot, lai izveidotu atstarpi starp elementa malu un citiem lapas elementiem, piemēram, starp attēlu un tekstu vai starp diviem

    tagus. Varat iestatīt atsevišķi augšējo, labo, apakšējo un kreiso malu. Polsterējums tiek mērīts pikseļos, punktos, collās, centimetros, milimetros, picas, ems, exs un procentos.

  • Polsterējums: iestata vietas apjomu elementa robežās. Piemēram, varat izmantot polsterējumu, lai izveidotu atstarpi starp a malām

    tagu un tā saturu. Jūs varat iestatīt polsterējumu atsevišķi augšējai, labajai, apakšējai un kreisajai daļai. Polsterējums tiek mērīts pikseļos, punktos, collās, centimetros, milimetros, picas, ems, exs un procentos.

    Polsterējuma un piemaļu atstarpju iestatīšana var būt sarežģīta. Pievienojot piemales un polsterējumu elementam, piemēram, attēlam vai

    tagu, jūs palielināt šī elementa kopējo izmēru un tam nepieciešamo vietu izkārtojumā.

• Pozīcija: opcija Pozīcija, kas pieejama paneļa Rekvizīti sadaļas Izkārtojums apakšējā daļā, maina veidu, kā elementi tiek novietoti lapā. Pozicionēšana var būtiski mainīt veidu, kādā veidā bloka līmeņa elementi (piemēram, tabula, saraksts, galvene, rindkopa un

  tagi) parādās pārlūkprogrammā.

  • Mantojums: šī noklusējuma opcija nav jānorāda. Ja vien nav atlasīta cita opcija, katrs elements manto sava vecākelementa novietojumu.

  • Statisks: novietojiet saturu tā vietā dokumenta plūsmā. Pēc noklusējuma visi HTML elementi, kurus var novietot, ir statiski.

  • Absolūtais: izmantojiet augšējās un kreisās koordinātas, lai kontrolētu elementa pozīciju attiecībā pret pārlūkprogrammas loga augšējo kreiso stūri vai elementa, kas satur šo elementu, augšējo kreiso stūri.

  • Labots: novietojiet elementu attiecībā pret pārlūkprogrammas augšējo kreiso stūri. Elementa saturs, izmantojot fiksētu pozicionēšanu, paliek nemainīgs pat tad, ja lietotājs ritina uz leju vai pāri lapai.

  • Relatīvs: izmantojiet pozīciju attiecībā pret vietu, kur ievietojat elementu lapā, vai attiecībā pret tā konteineru.

    

  • Peldēšana: izlīdziniet elementus, piemēram, attēlus un

    tagus lapas vai cita konteinera kreisajā vai labajā pusē, liekot tam aptīt tekstu vai citus elementus. Noklikšķiniet uz ikonām laukā Float, lai norādītu šādas četras opcijas: Mantot, Labi, Pa kreisi vai Nav.

  • Notīrīt: neļaujiet peldošajam saturam pārklāt apgabalu pa kreisi vai pa labi vai abās elementa pusēs. Šī opcija ir noderīga, ja ir peldošs elements, piemēram, a

    tags, ko izmanto, lai izveidotu sānjoslu, pārklājas ar citu bloka līmeņa elementu, piemēram, tagu, ko izmanto, lai izveidotu lapas kājeni.

  • Overflow-x un -y: pastāstiet pārlūkprogrammai, kā parādīt elementa saturu, ja konteiners, piemēram, a

    tagu, nevar ietilpt elementa visā augstumā vai platumā. Pārpildes iespējas ir

  • Redzams: saglabājiet saturu, piemēram, attēlu vai tekstu, redzamu, pat ja tas izplešas tālāk par konteinera noteikto augstumu vai platumu.

  • Slēpts: nogrieziet saturu, ja tas pārsniedz konteinera izmēru. Šī opcija nenodrošina ritjoslas.

  • Ritināšana: pievienojiet konteineram ritjoslas neatkarīgi no tā, vai tā saturs pārsniedz elementa lielumu.

  • Automātiski: rādīt ritjoslas tikai tad, ja konteinera saturs pārsniedz tā robežas.

• Displejs: norādiet, vai un kā atveidot elementu pārlūkprogrammā. Piemēram, varat mainīt nesakārtota saraksta novietojumu no horizontāla uz vertikālu, izvēloties Iekļauts, vai paslēpt elementu, padarot to neredzamu, izvēloties Nav. Varat izmantot opciju Rādīt kopā ar skriptu valodu, lai dinamiski mainītu elementu attēlojumu.

• Redzamība: kontrolējiet, vai pārlūkprogramma parāda vai nerāda elementu. Redzamības opcijas ir

  • Mantojums: elementam ir tā elementa redzamība, kurā tas ir ietverts (noklusējums).

  • Redzams: tiek parādīts elements.

  • Slēpts: elements netiek parādīts.

  • Sakļaut: izmantošanai ar HTML tabulām. Sakļaut var izmantot, lai noņemtu kolonnu vai rindu, neietekmējot pārējo tabulas izkārtojumu.

• Z indekss: kontrolējiet elementa pozīciju Z koordinātā, kas kontrolē elementu sakraušanas secību attiecībā pret otru. Elementi ar augstāku numuru pārklājas ar mazākiem elementiem.

• Necaurredzamība: kontrolējiet elementa necaurredzamības līmeni no 0,0 (pilnībā caurspīdīgs) līdz 1,0 (pilnīgi necaurspīdīgs). Piemēram, ja necaurredzamības laukā ievadāt .5, elementa necaurredzamība tiks samazināta līdz 50 procentiem.