Kuidas saab CSS- ja HTML-koode ühendada?


Vastus 1:

Html ja css ühendamise õppimiseks võite toimida järgmiselt: -

1. samm Looge kaust, kuhu soovite html-lehe üles ehitada.

2. samm avage oma tekstiredaktor nagu ülev, aatom või keegi teine.

3. samm looge uus fail ja tippige see järgmiselt: -

Mu leht

Tere tulemast saidile Mypage

Pärast seda salvestage see oma lehena või mis tahes nimega laiendiga .htm / .html (nt - minu leht.html)

samm 4 looge uus fail ja seda tüüpi faili nii: -

keha {

taust: # 224668;

font-family: ajad;

}

h1 {

värv: valge;

}

Pärast seda salvestage see stiilina või mis tahes nimega laiendiga .css (nt - style.css)

5. samm Pärast seda peate peasildil ja peasiltil looma lingisildi ja andma oma css-faili nime koos nende asjakohase teega.

lingi silt nagu: -

Pärast ülaltoodud toimingute tegemist peaks teie html-fail olema järgmine:

Mu leht

Tere tulemast saidile Mypage


Vastus 2:

seal on 3 meetodit 1) HTML & CSS samas faili failinimes: index.html ------------------- Peter on hea mees ---------------------------------------------- 2) CSS-kood sisestatud otse HTML-siltide failinime: index.html ------------------- Peter on hea mees --------------------------------------------- 3) CSS ja HTML eraldatud, kuid samas kaustasHtml-fail: index.html ------------------- Peter on hea mees ----------------------------------------------- CSS-fail: style.css -------------------------- p {värv: roheline;} -------------- ---------------------------------


Vastus 3:

CSS-i linkimiseks HTML-failidega on põhimõtteliselt kaks viisi.

  • Esimene võimalus on panna CSS-kood HTML-i stiilimärkide sisse

2. Teine võimalus on linkida ja väline CSS-fail HTML-failiga

stiil.css

→ See on CSS-fail ja laiendiga .css

  1. .div {värv: valget värvi;}

register.html

→ See on .html-laiendiga HTML-fail

  1. / * Sellel viisil lingite välise css-faili html-failiga * /

Vastus 4:

Stiilisildi kasutamine.

demo

Vertikaalne joon