Įdėkite CSS į HTML 5 - štai kaip tai padaryta
CSS galite lengvai integruoti į HTML 5. Nes jei norite, kad jūsų HTML ir XML dokumentai būtų patrauklesni grafikai, kaskadiniai stiliaus lapai (CSS) yra geras pasirinkimas. Formatavimo kalba siūlo daugybę variantų, kaip vizualiai patobulinti savo svetaines. Iš esmės yra trys skirtingi CSS integravimo į HTML 5 būdai. Mes jums tai parodysime šiame praktiniame patarime.
CSS HTML 5: 1 variantas - perduoti CSS failą
Pirmasis variantas yra perkelti CSS į atskirą failą. Tai suteikia daugybę pranašumų: Stilių lentelės veikia ne tik vieną puslapį, bet yra automatiškai naudojamos kiekviename HTML5 puslapyje. Pagrindinis privalumas yra centrinė administracija. Galite greitai įgyvendinti pakeitimus visuose puslapiuose. Kaip įterpti CSS failą į HTML 5:
- Sukurkite naują CSS failą.
- Galvos srityje nurodykite CSS failą. Šiuo atveju failas buvo pavadintas style.css - bet pavadinimai, žinoma, yra individualūs:
- Turėtumėte išsaugoti failą style.css pagrindiniame žiniatinklio serverio kataloge.
- Sėkmingai integravote CSS failą į HTML 5.
CSS jūsų HTML 5 failo pradžioje
Jei nenorite sukurti perduoto CSS failo, taip pat galite nustatyti CSS savybes HTML 5 dokumento antraštėje. Tada jie veikia tik šį HTML 5 failą, o ne visus HTML 5 puslapius.
- Atidarykite savo HTML 5 dokumentą
- Įterpkite šią komandą į galvos sritį:
- Dabar apibrėžkite norimas savybes: Tai gali būti, pavyzdžiui, antraščių dydis, teksto spalva ir kt. Tam naudokite pažįstamas CSS komandas.
- Įvedę ypatybes naudokite komandą.
- Nurodytos savybės priimamos šiam HTML 5 dokumentui.
CSS vidinis stilius: naudokite komandas tiesiogiai
Paskutinis būdas CSS integruoti į HTML 5 yra intarpų stilius. Tai reiškia, kad komandas įvedate tiesiai į šaltinio kodą.
- Eikite į tašką, kuriame norite pakeisti grafinį ekraną.
- Tiesiogiai įveskite CSS komandas. Pvz., Tai gali atrodyti taip:
Mėlyna paantraštė
- Nuosavybė naudojama tik šiai komandai.