Išoriniai stiliaus lapai ir įterptiniai CSS stiliaus lapai

Gegužė 8, 2024

Yra keletas dalykų, dėl kurių išoriniai stiliaus lapai skiriasi nuo įterptųjų stiliaus lapų.

Įterpti stiliaus lapai
Ankstesnėse instrukcijose matėte įterptųjų CSS stiliaus lapų pavyzdžius ir sužinojote, kad pagrindinis įterptojo stiliaus lapo CSS kodas prasideda ir baigiasi žymomis. Šių žymų viduje yra CSS kodas, sudarytas iš kiekvieno pasirinkiklio (-ų) ir jo atitinkamų nuosavybės vertės porų. Galiausiai įterptasis stilius įdedamas į jūsų tinklalapio galvą.

Pavyzdys

Išoriniai stiliaus lapai
Išoriniai stiliaus lapai šiek tiek skiriasi, nes jie neturi pradžios ir pabaigos žymų. Tiesą sakant, jūs negalite turėti jokių HTML žymų, išskyrus komentarus ir „@import“ teiginį. Iš esmės tai yra tekstinis failas, kuriame yra tik CSS kodas.

Pavyzdys

korpusas {fono spalva: #ffffff}

p {šrifto dydis: 12pt; spalva: # 000000; text-align: centre}

Savo išorinio stiliaus lentelę galite pavadinti bet kuo, bet gera praktika yra suteikti failui pavadinimą, kuris atspindėtų CSS kodo paskirtį. Pavyzdžiui, CSS kodas, kontroliuojantis jūsų tinklalapio meniu nuorodų stilių, gali būti vadinamas menu.css. Nors tai yra neprivaloma, išoriniams stiliaus lakštams turėtumėte naudoti plėtinį .css.

Sukūrę išorinius stiliaus lapus, juos galėsite naudoti bet kuriame tinklalapyje, įdėdami žymą arba „@import“ teiginį į skyriaus skiltį.

Vaizdo Instrukcijos: Responsive Design with Bootstrap by Neel Mehta (Gegužė 2024).

Išoriniai stiliaus lapai ir įterptiniai CSS stiliaus lapai, HTML, kuo skiriasi įterptiniai ir išoriniai stiliaus lapai, išoriniai stiliaus lapai, įterptiniai stiliaus lapai, nuorodos žyma, importo ataskaita, kaip naudoti įterptąjį stiliaus lapą, kaip naudoti išorinį stilių lapas, HTML, XHTML, DHTML, priglobta CGI, interneto prieglobos, domenas, domenų vardai, FTP, JPEG, GIF, CSS, instrukcijos

Ankstesnis Straipsnis

Kitas Straipsnis

Susiję Straipsniai

kompiuteriai

Sukurkite pelės kilimėlį naudodami spaustuvę

Gegužė 2024

Prieš pradėdami projektą, turėtumėte nuspręsti dėl temos ir pasirinkti tokius dizaino elementus, kaip: • Paveikslėliai • Iliustracijos • Citatos • Galvos linija • Sveikinimai Norėdami sujungti...

kompiuteriai

Peržiūrėkite „BeLight“ programinės įrangos „Swift Publisher“

Gegužė 2024

Ar vis dar naudojate „InDesign CS6“? Aš buvau, todėl internete ieškojau alternatyvos, kuria galėčiau naudotis MUSED literatūros apžvalga ir spausdinamų bei skaitmeninių planuoklių puslapių ir lipdukų...