Kuidas kirjutada CSS Script

See artikkel selgitab, kuidas luua CSS lehele kui sa kirjutad programmi kodulehel.Korralikult luua CSS lehel saab kontrollida midagi font üldplaan igale lehele, mis on seotud.Lehekülgede arv, mis võib olla seotud konkreetse CSS leheküljemalli on üsna suur.Pikemas perspektiivis, CSS lehed aitavad vähendada üldist faili suurusest ja seega võimaldab kiiremini üleslaadimise aeg, kui keegi tuleb saidile.

juhised

  1. Luua esilehele kasutades html keeles.Kui te kasutate Windows süsteemi sa tahad panna Notepad.Lehel peaks olema pealkiri, pea ja keha.Pealkiri tunduda see & lt; title & gt; Minu Esileht & lt; / title & gt ;.Ära unusta pealkiri tuleb pärast html tag ja peas ja enne body.Teie üldine lehel tunduda see.
    & lt; html & gt;
    & lt; head & gt;& lt; title & gt; Minu Esileht & lt; / title & gt;
    & lt; / head & gt;
    & lt; body & gt;
    & lt; / body & gt;
    & lt; / html & gt;

  2. Loo pealkiri CSS lehel.Pealkiri peab lõppema järelliide CSS.Lihtsuse me nimetame seda lehekülge "MINU CSS Page".Nii html tekst näeb välja

    selline.

    & lt; html & gt;
    & lt; head & gt; & lt; title & gt; Minu CSS Page & lt; / title & gt;
    & lt; / head & gt;
    & lt; / html & gt;

  3. Koht lingi css lehekülje päises esilehele.See peaks välja nägema selline.
    & lt; link href = "mycsspage.css" type = "text / css" rel = "laaditabeli" / link & gt;
    Kogu peaks välja nägema, mida näed allpool.

    & lt; html & gt;
    & lt; head & gt;& lt; title & gt; Minu Esileht & lt; / title & gt;
    & lt; link rel = "laaditabeli" href = "mycsspage.css" type = "text / css" / & gt;
    & lt; / head & gt;
    & lt; body & gt;
    & lt; / body & gt;
    & lt; / html & gt;

  4. Luua pealkirja ja lõike tiitli lehel.Teie pealkiri võib olla "This Is My Home Page" ja teie lõikes võib olla sama lihtne kui minu nimi on Michael Smith.See, kuidas kõik näeks keha oma lehele kasutades html keeles.

    & lt; body & gt;
    & lt; H1 & gt; See on minu kodulehekülg & lt; / H1 & gt;

    & lt; p & gt; Minu nimi on Michael Smith & lt; / p & gt;
    & lt; / body & gt;
    Nüüd on naeruväärselt lihtne leht, kuid see on kõik, mida me peame nägema väga lihtne ilu CSS lehekülge.

  5. Pane taustavärvi css lehele kasutades CSS atribuut (keele).Väga lihtne asi nagu punasel taustal värvi CSS skripti näeb välja selline.
    {taust: punane;} või {taust: # ff0000;}. Pange tähele, et # ff0000 on hex-kood punane.Harva on värvid lihtsalt viitas lihtsalt kasutades oma inglise nimed.Selle asemel, et kogu süsteem tähtede ja numbritega kirjeldamiseks on kasutatud hulgaliselt värve.Samuti märkate, et see on hoopis teine ​​skript kui siis, kui me kirjutasime värvi otse päises tiitellehel kasutades html keeles.See näeks välja selline.
    BGCOLOR = "# ff0000"
    Nüüd css lehele näeb välja selline.
    & lt; html & gt;
    & lt; head & gt;& lt; title & gt; Minu Css Page & lt; / title & gt;
    {taust: # ff0000;}
    & lt; / head & gt;
    & lt; / html & gt;

    iga lehekülje, mis on seotud selle css lehele on taustal pidevalt punane.Kui teil on 50 lehekülge saidile ja soovid viis neist on punasel taustal, siis ühendab neid meetodil lihtsalt illustreerib eespool.Pange tähele, et kui sul on juba tausta määratud juhi oma tiitelleht, siis mis ülimuslikuks värvi css lehele.

  6. Vaata oma vastloodud lehele minnes "fail" teie tööriistariba ja seejärel minna "open file" rippmenüüs.

Tips & amp;Hoiatused

  • CSS keel on pidevalt arenev sündmus, mistõttu on vaja kursis muutuva maailma CSS.Suur online ressurssi on CSS Zen Garden (www.csszengarden.com), kuid seal on palju muid kohti peale selle ühe minema.Zen Garden on fantastiline sait vaadata nüüdisaegse, sest nad on eksponeeritud palju näiteid veebilehti kokku pandud kasutades CSS.
  • See kirjeldus on suunatud Windows operatsioonisüsteemi.Mac on ainult veidi erinevad.

Resources

  • CSS Zen Garden
842
0
0
Arvuti Tarkvara Jobs