Ārējās stila lapas un iegultās CSS stila lapas
Ir dažas lietas, kas padara ārējās stila lapas atšķirīgas no iegultām stila lapām.

Iegultās stila lapas
Iepriekšējās pamācībās jūs redzējāt iegulto CSS stila lapu piemērus un uzzinājāt, ka iegultās stilu lapas CSS pamata kods sākas un beidzas ar tagiem. Šajās atzīmēs ir CSS kods, ko veido katrs atlasītājs (-i) un tā attiecīgie rekvizītu vērtības pāri. Visbeidzot iegultais stils tiek ievietots jūsu tīmekļa vietnes sadaļā head.

Piemērs



Ārējās stila lapas
Ārējās stila lapas nedaudz atšķiras, jo tām nav sākuma un beigu tagu. Faktiski jums nevar būt neviena HTML taga, izņemot komentārus un @import paziņojumu. Tas būtībā ir teksta fails, kurā ir tikai CSS kods.

Piemērs
pamatteksts {fona krāsa: #ffffff}

p {fonta lielums: 12pt; krāsa: # 000000; text-align: centrs}

Ārējo stilu lapu var nosaukt par kaut ko, kas jums patīk, taču laba prakse ir dot failam vārdu, kas atspoguļo CSS koda mērķi. Piemēram, CSS kodu, kas kontrolē izvēlnes saišu stilu jūsu vietnē, var saukt par menu.css. Lai arī tas nav obligāts, ārējām stila lapām jums vajadzētu izmantot paplašinājumu .css.

Pēc tam, kad esat izveidojis ārējās stila lapas, varat tās izmantot jebkurā tīmekļa lapā, galvenes sadaļā ievietojot vai nu tagu, vai @import paziņojumu.





Video Instrukcijas: Responsive Design with Bootstrap by Neel Mehta (Maijs 2024).