CSS, kas ietekmē tikai pašreizējo dokumentu
Kas ir iekšējie stila lapas
Iekšējo stilu lapas ir stili, kas ievietoti HTML dokumentā. Šie stili ietekmē tikai dokumentu, uz kuru tie atrodas, un uz tiem nevar atsaukties nevienā citā tīmekļa dokumentā.
Iekšējo stila lapu priekšrocības
- Iekšējās stila lapas ietekmē tikai lapu, kurā tās ir ievietotas.
- Ja jūs strādājat pie lielas vietnes un jums ir nepieciešams pārbaudīt stilus, pirms ielādējat tos vietnē kopumā, iekšējās stilu lapas var būt lielisks rīks. Tie ļauj jums pārbaudīt stilus visas vietnes kontekstā, nesabojājot nevienu lapu, bet to, kuru jūs testējat.
- Iekšējo stilu tabulās var izmantot klases un ID.
- Atšķirībā no inline stili, iekšējās stilu lapas joprojām var izmantot klases, ID, brāļu un māsu un citu elementu attiecības.
- Iekšējo stilu lapās nav nepieciešams, lai jūs augšupielādētu vairākus failus.
- Tas ir īpaši noderīgi, ja strādājat ar tādām lietām kā e-pasts vai kioski, kur rediģēšanai ir pieejams tikai viens HTML fails. Es bieži izmantoju inline stilus, ja neesmu pārliecināts, kāds URL būtu stilu saturs, kas ielādēts CMS. Veicot stilu ar dokumentu, es zinu, kādi stili ietekmē šo dokumentu.
- Iekšējie stili var būt augstāki par ārējo stilu lapām.
- To nosaka kārtība, kādā tiek ielādētas ārējās stila lapas. Lapas Web izstrādātājam ir kontrole, kur iekšējie stili tiks ievietoti dokumenta galā. Ja tie tiek novietoti pēc saites uz ārējiem stiliem , tie lielāka prioritāte būs kaskādē un jāpārklāj ārējā stila lapa.
Iekšējo stila lapu trūkumi
- Tie ietekmē tikai lapu, kurā tie atrodas.
- Ja vēlaties izmantot vienus un tos pašus stilus vairākos dokumentos, tiem ir jāatkārto katrai lapai (vai saitei uz ārējo stilu lapu ).
- Iekšējās stila lapas palielina lapas ielādes laiku.
- Katrai lapai ar iekšējo stilu lapu ir jāielādē un jāanalizē stila lapas informācija katru reizi, kad lapa tiek ielādēta. Ārējās stila lapas ir kešatmiņā pārlūkprogrammas - kas uzlabo ielādes laiku katrai lapai pēc pirmās ielādes.
Kā uzrakstīt iekšējo stilu lapu
elements:
- Web redaktorā atveriet HTML dokumentu.
- Pievienojiet šādus iekšpusē
Pilnīga iekšējā stilu lapa izskatās šādi: