Hoe schrijf ik een CSS- Script

Dit artikel zal uitleggen hoe het opzetten van een CSS-pagina als je het schrijven van een programma voor een website.Een goed opgezet CSS pagina kan iets van het lettertype aan de algemene layout te controleren op elke pagina die is gekoppeld aan het.Het aantal pagina's dat kan worden gekoppeld aan een specifieke CSS hoofdpagina is vrij groot.Op de lange termijn, CSS pagina's helpen bij het verminderen van de totale omvang van het bestand en dus toelaten sneller uploaden tijden wanneer iemand naar uw site komt.

instructies

  1. Stel de indexpagina met behulp van HTML-taal.Als u gebruik maakt van een Windows-systeem wil je de tekst in Kladblok te zetten.Uw pagina moet een titel, hoofd en lichaam.De titel zou kunnen uitzien & lt; title & gt; Mijn Homepagina & lt; / title & gt ;.Vergeet niet de titel komt na de html-tag en in het hoofd en voor het lichaam tag.Uw algemene pagina zou uitzien.
    & lt; html & gt;
    & lt; head & gt;& lt; title & gt; Mijn Homepagina & lt; / title & gt;
    & lt; / head & gt;
    & lt; body & gt;
    & lt; / body & gt;
    & lt; / html & gt;

  2. Maak de titel naar de CSS pagina.De titel moet eindigen op het achtervoegsel css.Voor de eenvoud zullen we deze pagina noemen "MIJN CSS Pagina".Dus de html tekst zal er zo uitzien.

    & lt; html & gt;
    & lt; head & gt; & lt; title & gt; Mijn CSS pagina & lt; / title & gt;
    & lt; / head & gt;
    & lt; / html & gt;

  3. Plaats de link naar de css pagina in de header van de index pagina.Het moet er zo uitzien.
    & lt; koppeling href = "mycsspage.css" type = "text / css" rel = "stylesheet" / link & gt;
    De hele pagina eruit moet zien wat je ziet hieronder.

    & lt; html & gt;
    & lt; head & gt;& lt; title & gt; Mijn Homepagina & lt; / title & gt;
    & lt; link rel = "stylesheet" href = "mycsspage.css" type = "text / css" / & gt;
    & lt; / head & gt;
    & lt; body & gt;
    & lt; / body & gt;
    & lt; / html & gt;

  4. Stel een kop en een paragraaf voor de titel pagina.Uw titel kan zijn "This Is My Home pagina" en uw paragraaf kan zo simpel zijn als Mijn naam is Michael Smith.Dit is hoe alles eruit zou zien in het lichaam van uw pagina met behulp van HTML-taal.

    & lt; body & gt;
    & lt; H1 & gt; This Is My Home & lt; / H1 & gt;

    & lt; p & gt; Mijn naam is Michael Smith & lt; / p & gt;
    & lt; / body & gt;
    Nu hebben we een belachelijk eenvoudige pagina, maar dit is alles wat we nodig hebben om de zeer eenvoudige schoonheid van CSS pagina's te zien.

  5. Zet de achtergrondkleur op de css pagina met de css-attribuut (taal).Voor een zeer eenvoudig ding zoals een rode achtergrond kleur van de css script zal er zo uitzien.
    {background: red;} of. {Background: # ff0000;} Let op: # ff0000 is de hex-code voor rood.Zelden zijn kleuren, simpelweg aangeduid met alleen met behulp van hun Engels namen.In plaats van een hele systeem van letters en cijfers worden gebruikt voor een groot scala aan kleuren beschrijven.Merk ook op dat dit een ander script dan wanneer we in de header van de titelpagina met html taal schreef de kleur direct.Dat zou er zo uitzien.
    Bgcolor = "# ff0000"
    Dus nu de css pagina zal er zo uitzien.
    & lt; html & gt;
    & lt; head & gt;& lt; title & gt; Mijn CSS pagina & lt; / title & gt;
    {background: # ff0000;}
    & lt; / head & gt;
    & lt; / html & gt;

    Elke pagina die is verbonden aan deze css pagina zal de achtergrond van een stevige rode hebben.Als u 50 pagina's op uw site en u wilt dat vijf van hen op een rode achtergrond hebben, deze vervolgens koppelen je met behulp van de methode net boven afgebeeld.Let op: als u al een aangewezen in het hoofd van uw titel pagina-achtergrond, dan zal dat precedent te nemen over de kleur op de css pagina.

  6. Bekijk uw nieuwe pagina door te gaan naar "file" in je werkbalk en ga vervolgens naar "open file" in het dropdown menu.

Tips & amp;Waarschuwingen

  • CSS taal is een voortdurend evoluerende gebeurtenis, zodat het noodzakelijk is om bij te blijven met de veranderende wereld van CSS.Een grote online bron is CSS Zen Garden (www.csszengarden.com), maar er zijn veel andere plaatsen naast dit één te gaan.De Zen Garden is een fantastische plaats om de stand van de techniek te zien, want ze hebben op het beeldscherm talloze voorbeelden van webpagina's samen te stellen met behulp van CSS.
  • Deze beschrijving is afgestemd voor Windows-besturingssysteem.Macs zijn alleen iets anders.

Resources

  • CSS Zen Garden
256
0
0
Computer Software Jobs