Iegult CSS HTML 5 - tas ir, kā tas tiek darīts
Jūs varat viegli integrēt CSS HTML 5. Tā kā, ja vēlaties HTML un XML dokumentus padarīt grafiski pievilcīgākus, CSS ir laba izvēle Cascading Style Sheets (CSS). Formatēšanas valoda piedāvā vairākas iespējas, kā vizuāli uzlabot savas vietnes. Pamatā ir trīs dažādi veidi, kā CSS integrēt HTML 5. Mēs jums to parādīsim šajā praktiskajā padomā.
CSS HTML 5: 1. opcija - CSS faila ārpakalpojumi
Pirmais variants ir CSS pārvietošana uz atsevišķu failu. Tas piedāvā vairākas priekšrocības: stila lapas ietekmē ne tikai vienu lapu, bet arī automātiski tiek izmantotas katrā HTML5 lapā. Galvenā priekšrocība ir centrālā administrācija. Jūs varat ātri ieviest izmaiņas visās lapās. Kā iegult CSS failu HTML 5:
- Izveidojiet jaunu CSS failu.
- Galvas zonā skatiet savu CSS failu. Šajā gadījumā fails tika nosaukts style.css - bet nosaukšana, protams, ir individuāla:
- Jums vajadzētu saglabāt failu style.css Web servera galvenajā direktorijā.
- Jūs esat veiksmīgi integrējis CSS failu HTML 5.
CSS jūsu HTML 5 faila sākumā
Ja nevēlaties izveidot ārpakalpojumu CSS failu, varat arī iestatīt CSS rekvizītus sava HTML 5 dokumenta galvenē. Pēc tam tie ietekmē tikai šo HTML 5 failu, nevis uz visām HTML 5 lapām.
- Atveriet HTML 5 dokumentu
- Ievietojiet šo komandu galvas zonā:
- Tagad definējiet vēlamās īpašības: Tas var būt, piemēram, virsrakstu lielums, teksta krāsa utt. Tam izmantojiet pazīstamās CSS komandas.
- Pēc rekvizītu ievadīšanas aizveriet komandu.
- Norādītie rekvizīti ir pieņemti šim HTML 5 dokumentam.
CSS inline stils: izmantojiet komandas tieši
Pēdējais veids, kā integrēt CSS HTML 5, ir inline stils. Tas nozīmē, ka komandas ievadāt tieši avota kodā.
- Pārejiet uz vietu, kur vēlaties mainīt grafisko displeju.
- Tieši ievadiet CSS komandas. Piemēram, tas var izskatīties šādi:
Zila apakšpozīcija
- Īpašums tiek izmantots tikai šai komandai.