Hvordan man skriver en CSS script

Denne artikel vil forklare, hvordan at oprette en CSS side, når du skriver et program til et websted.En korrekt sat op CSS side kan styre alt fra skrifttype til generelle layout på en side, der er knyttet til den.Det antal sider, der kan være knyttet til en bestemt CSS masterside er ganske stor.I det lange løb, CSS sider medvirke til at reducere den samlede størrelse af din fil, og dermed gøre det muligt hurtigere upload gange, når nogen kommer til dit websted.

Instruktioner

  1. Opsæt indekssiden hjælp html sprog.Hvis du bruger en Windows-system vil du ønsker at sætte teksten i Notesblok.Din side skal have en titel, hoved og krop.Titlen kunne se sådan ud & lt; title & gt; My Home Page & lt; / title & gt ;.Glem ikke titlen kommer efter html-tag og inde i hovedet, og før kroppen tag.Din overordnede side kan se sådan ud.
    & lt; html & gt;
    & lt; head & gt;& lt; title & gt; My Home Page & lt; / title & gt;
    & lt; / head & gt;
    & lt; body & gt;
    & lt; / body & gt;
    & lt; / html & gt;

  2. Opret titlen til CSS-s

    ide.Titlen skal ende i endelsen css.For nemheds skyld vil vi kalder denne side "MY CSS Side".Så html tekst vil se sådan ud.

    & lt; html & gt;
    & lt; head & gt; & lt; title & gt; Min CSS side & lt; / title & gt;
    & lt; / head & gt;
    & lt; / html & gt;

  3. Placer linket til css side i overskriften på indekssiden.Det skal se sådan ud.
    & lt; link href = "mycsspage.css" type = "text / css" rel = "stylesheet" / link & gt;
    hele siden skal se ud, hvad du ser nedenfor.

    & lt; html & gt;
    & lt; head & gt;& lt; title & gt; My Home Page & 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. Opsæt en overskrift og et afsnit for titelbladet.Din titel kan være "This Is My Home Page" og dit afsnit kan være så simpelt som Mit navn er Michael Smith.Dette er, hvordan det hele ville se i kroppen på din side ved hjælp af HTML-sproget.

    & lt; body & gt;
    & lt; H1 & gt; Dette er min hjemmeside & lt; / H1 & gt;

    & lt; p & gt; Mit navn er Michael Smith & lt; / p & gt;
    & lt; / body & gt;
    Nu har vi et latterligt enkel side, men det er alt, vi har brug for at se det meget enkle skønhed CSS sider.

  5. Sæt baggrundsfarven på css side ved hjælp af css attribut (sprog).For en meget simpel ting, såsom en rød baggrundsfarve css script vil se sådan ud.
    {baggrund: rød;} eller. {Background: # ff0000;} Bemærk, at # ff0000 er hex-koden for rød.Sjældent er farver, blot henvises til ved blot at bruge deres engelske navne.I stedet et helt system af bogstaver og tal anvendes til at beskrive en bred vifte af farver.Læg også mærke, at dette er et andet script, end hvis vi skrev farven direkte i overskriften på titelbladet hjælp html sprog.Det ville se sådan ud.
    BGCOLOR = "# ff0000"
    Så nu css siden vil se sådan ud.
    & lt; html & gt;
    & lt; head & gt;& lt; title & gt; My Css side & lt; / title & gt;
    {background: # ff0000;}
    & lt; / head & gt;
    & lt; / html & gt;

    Hver side, der er knyttet til denne css side vil have en baggrund af solid rødt.Hvis du har 50 sider på dit websted, og du vil fem af dem at have en rød baggrund, så er du forbinde dem ved hjælp af metoden lige illustreret ovenfor.Bemærk, at hvis du allerede har en baggrund, der er udpeget i hovedet af din titel side, så der vil tage præcedens over farven på css siden.

  6. Se din nyoprettede side ved at gå til "Filer" i din værktøjslinje, og derefter gå til "åbne filen" i rullemenuen.

Tips & amp;Advarsler

  • CSS sprog er en konstant udvikling begivenhed, så det er nødvendigt at holde trit med de skiftende verden af ​​CSS.En stor online ressource er CSS Zen Garden (www.csszengarden.com), men der er mange andre steder udover dette ene at gå til.Zen Garden er et fantastisk sted at se stade, for de har udstillet utallige eksempler på websider sat sammen ved hjælp af CSS.
  • Denne beskrivelse er gearet til Windows-operativsystemet.Mac'er er kun lidt anderledes.

Ressourcer

  • CSS Zen Garden
802
0
0
Computer Software Jobs