Manustage CSS HTML 5-s - just nii see ka tehakse
CSS-i saab hõlpsalt HTML 5-sse integreerida. Sest kui soovite oma HTML- ja XML-dokumente graafiliselt ahvatlevamaks muuta, on CSS-id hea valik. Vormindamiskeel pakub teile arvukalt võimalusi oma veebisaitide visuaalseks parendamiseks. Põhimõtteliselt on CSSi HTML 5 integreerimiseks kolm erinevat viisi. Näitame teile seda selles praktilises näpunäites.
CSS HTML 5-s: 1. võimalus - CSS-faili allhange
Esimene võimalus on teisaldada CSS eraldi faili. See pakub arvukalt eeliseid: stiililehed ei mõjuta mitte ainult ühte lehte, vaid neid kasutatakse automaatselt igal HTML5-lehel. Peamine eelis on keskvalitsus. Saate muudatusi kiiresti rakendada kõigil lehtedel. Kuidas manustada CSS-faili HTML 5-s:
- Looge uus CSS-fail.
- Otsige ala CSS-faili. Sel juhul oli faili nimi style.css - kuid nimetamine on muidugi individuaalne:
- Peaksite faili style.css salvestama veebiserveri peakataloogi.
- Olete oma CSS-faili HTML 5-sse edukalt integreerinud.
CSS teie HTML 5 faili alguses
Kui te ei soovi luua sisseostetud CSS-faili, saate CSS-i atribuudid seada ka oma HTML 5 dokumendi päises. Need mõjutavad siis ainult seda HTML 5 faili, mitte kõiki HTML 5 lehti.
- Avage oma HTML 5 dokument
- Sisestage peaalale järgmine käsk:
- Nüüd määratlege soovitud omadused: See võib olla näiteks päiste suurus, teksti värv jne. Kasutage selleks tuttavaid CSS-käske.
- Pärast atribuutide sisestamist sulgege käsk.
- Täpsustatud omadused võetakse selle HTML 5 dokumendi jaoks vastu.
CSS-i stiil: kasutage käske otse
Viimane viis CSS-i integreerimiseks HTML 5-s on tekstisisene stiil. See tähendab, et sisestate oma käsud otse lähtekoodi.
- Minge kohta, kus soovite muuta graafilist kuva.
- Sisestage otse CSS-i käsud. Näiteks võib see välja näha järgmine:
Sinine alapealkiri
- Atribuuti kasutatakse ainult selle käsu jaoks.