14. STILA LAPU KASKADĒŠANA

14.2. Iekšējās stila lapas veidošana

Lai izveidotu iekšējo stila lapu:

  • atver vietni un tīmekļa lappusi, kurai jāizveido iekšējā stila lappuse;
  • atver stila veidošanas dialoglodziņu New Style kādā no veidiem, piemēram:
    • lieto komandu Format / New Style;
    • panelī Apply Styles vai Manage Styles izvēlas iespēju New Style:

1 02

Atveras dialoglodziņš New Style:

03

  • dialoglodziņā New Style veic šādas darbības:
    • saraksta Selector lodziņā norāda CSS selektoru kādā no veidiem, piemēram:
      • ievada klases vai ID selektoru;
      • sarakstā izvēlas elementa selektoru, piemēram, body:

04

    • sarakstā Define in norāda stila lapas definēšanas vietu – Current page:

05

    • sadaļā Category, kas sadalīta kategorijās, veic stila atribūtu vērtību iestatīšanu, piemēram, kategorijas Background sarakstā background-color iestata lappuses fona krāsu:

06

Ja nepieciešams, izvēlas citu kategoriju un iestata nepieciešamās vērtības, piemēram, kategorijas Font sarakstā font-family iestata lappusē lietojamo fontu.

Pēc katra atribūta iestatīšanas grupā Preview var apskatīt, kā tas maina izvēlētā objekta formatējumu, bet grupā Description – stila formatējuma aprakstu (deklarāciju):

07

  • piespiež pogu 08.

Dialoglodziņā New Style pogām ir šāda nozīme:

  • 09 – lietot stilus tīmekļa lappusei. Dialoglodziņa nosaukums mainās uz Modify Style, un, ja ir nepieciešams, stilu var mainīt:

10

  • 11 – atteikties no stila veidošanas. Dialoglodziņš New Style tiek aizvērts;
  • 12 – lietot stilus tīmekļa lappusei un aizvērt dialoglodziņu New Style.

Izveidoto stila lapu dokumenta galvā, kuru nosaka tagi <head>. </head>, norāda ar tagu pāri <style>, </style>.

13

  • ja nepieciešams, papildina izveidoto iekšējo stila lapu ar jauniem stiliem;
  • aizpilda tīmekļa lappusi ar nepieciešamo informāciju;
  • saglabā un aizver lappusi.