Saturs

• Instrukcijas
• Kā pielāgot tekstu
• pa kreisi {
• labi {
• centrs {
• Kā centralizēt sadalījumu, kontūru un ķermeņa sadalījumu
• Kā
• Kas jums nepieciešams

Tā vietā, lai izmantotu HTML iezīmēšanas atribūtus, kas ietverti HTML tagos, kas atzīmē tekstu, web dizaineriem labāk ir pārsūtīt prezentācijas informāciju (izlīdzināšanas opcijas) uz stila lapu. Šajā rakstā tiks izskaidrots, kā pielāgot tekstu un kā centrēt lielākus lapu elementus, piemēram, nodaļas.

Instrukcijas

Stila lapas ļauj pielāgot un centrēt vairāk nekā tekstu (mājas lapas izkārtojuma attēls ar 6922Designer no Fotolia.com)

Kā pielāgot tekstu

1. Lai pielāgotu tekstu normālā teksta blokā, piemēram, rindkopā vai citātā, izmantojiet teksta saskaņošanas īpašumu.

2. Teksta izlīdzināšanas vērtības vērtību opcijas ir kreisās, labās, centrālās un pamatotas. Tā kā pamatots teksts tīmeklī nav ļoti lasāms, attēlā redzami tikai kreisie, labie un centrālie izlīdzinājumi. Šajā attēlā katrai daļai ir melna robeža, lai parādītu lapas bloka elementa lielumu, ja elementam nav piemērots platuma regulējums.

3. Parasti elements ir piešķirts ID vai klasei. Teksta izlīdzināšana uz visiem šī ID vai klases elementiem ir definēta ar noteikumu, piemēram:

   pa kreisi {

   teksta izlīdzināšana: pa kreisi; }

   
   

   labi {

   text-align: right; }

   centrs {

   teksta saskaņošana: centrs; }

Kā centralizēt sadalījumu, kontūru un ķermeņa sadalījumu

1. Varbūt vēlaties novietot visu izkārtojumu vai lielu izkārtojumu. Šādos gadījumos tiek izmantota cita CSS metode.

2. CSS noteikumu piemērojat tā lielā elementa selektoram, kuru vēlaties centrēt. Tas var būt ķermeņa elements, robežu sadalījums vai konteinera sadalījums.

3. Centrēšana ar šo metodi neietekmē teksta izlīdzināšanu. Centrētais elements saglabās noklusējuma kreiso teksta centrēšanu vidējā elementā.

4. Turpmāk ir attēlots viss ķermeņa elements (ar melnu apmali skaidrības labad), kas atrodas centrā. Elementam ir jābūt iestatītam platumam, tad kreisās un labās malas ir iestatītas uz automātisko. Tas tiek darīts šādi:

   korpuss {platums: 80%; labās malas: auto; margin-left: auto; robeža: 1px ciets melns; }

Kā

• Parasti jums nav jāizmanto izlīdzināšana pa kreisi, jo kreisā izlīdzināšana ir noklusējuma iestatījums.Tomēr jums ir jāapzinās, ka tas pastāv, ja iepriekš definētais noklusējuma teksts ir jāpārveido pēc noklusējuma. Centrējamā elementa platumu var definēt pikseļos, procentos vai ems.

Kas jums nepieciešams

• Teksta redaktors
• HTML redaktors
• HTML pamatzināšanas