Amopage

Hvordan lage CSS for mobile enheter

- Views 0
Advertisement

Hvordan lage CSS for mobile enheter


Prosedyren for å lage Cascading Style Sheets for websider ment å bli sett på smarttelefoner og andre mobile enheter er ikke forskjellig fra hvordan du vil skape CSS for websider som vises på personlige datamaskiner. Stiler kan legges til <head> -delen av et HTML-dokument, eller du kan opprette en ekstern CSS-fil og importere den inn i <head> -delen av dokumentet.

Du trenger

Tekstredigeringsprogram eller HTML-redigeringsprogram, installert

Legg CSS kode til HTML-fil

Åpne en ny HTML-fil i din foretrukne tekst eller HTML editor. Kopier og lim inn denne koden inn i dokumentet:

<! DOCTYPE HTML>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Side Tittel </ title>

</ Head>

<Body>
</ Body>
</ Html>

Klikk på blank linje under <title> -kodene og skriv et par stil koder som følger:

<Title> Side Tittel </ title>
<Style type = "text / css">

</ Style>

Dette setter opp CSS delen av siden. Alle dine CSS-kode går mellom åpning og lukking <style> koder.

Opprett CSS-stiler du ønsker. For eksempel vil du kanskje bruke en kropp CSS-regel som ligner på denne:

<Style type = "text / css">
.kropp {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
font-variant: normal;
}
</ Style>

Fortsett å skrive CSS definisjoner til websiden er stylet til din tilfredshet.

Opprett innholdet på websiden mellom åpning og lukking <body> kodene. Påfør din CSS-regler for innholdet som ønsket.

Lagre HTML-fil med en ".html" forlengelse.

Opprett en ekstern CSS-fil

Åpne en ny HTML-fil i din foretrukne tekst eller HTML editor. Kopier og lim inn denne koden inn i dokumentet:

<! DOCTYPE HTML>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Side Tittel </ title>

</ Head>

<Body>
</ Body>
</ Html>

Klikk på den tomme linjen umiddelbart etter <title> -taggen satt og skriv inn følgende kode, noe som vil importere "style.css" file:

<Link href = "style.css" rel = "stylesheet" type = "text / css">

Denne koden importerer eksternt stilark som skal brukes til å formatere de ulike elementene i din webside.

Åpne en ny fil i tekst eller HTML-editor og skriv inn følgende kode på første linje:

@charset "utf-8";

Denne koden forteller nettleseren dette er en CSS-fil.

Skriv inn noen definisjoner CSS stil som du vil bruke for HTML-dokumentet. For eksempel kan kroppen stilen ser omtrent slik ut:

@charset "utf-8";

.kropp {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
font-variant: normal;
}

Når du er ferdig med å legge inn definisjoner CSS, lagre denne filen som "style.css".

Opprett innholdet på websiden mellom åpning og lukking <body> kodene. Påfør din CSS-regler for innholdet som ønsket.

Lagre din HTML-fil med en ".html" forlengelse.

Hint

Last opp både HTML-dokumentet og CSS stil filen til din webserver. Ellers, vil siden ikke være tilgjengelig for mobile enheter.

Tags

This article reproduced

Original address " http://www.amopage.com/hvordan-lage-css-for-mobile-enheter/ "

相关文章!
  • Hvordan lage en oppstartbar USB-enhet Hvordan lage en oppstartbar USB-enhet
    - 阅 0

    Hvis harddisken svikter, blir operativsystemet ødelagt eller maskinen blir ellers ikke klarer å starte opp regelmessig, vil du trenger for å starte opp fra en annen enhet. Hvis du har operativsystemet installasjons CD eller DVD, kan du starte maskine

  • Hvordan lage en Butterfly Mobile
    - 阅 0

    Det er lett å lage en sommerfugl mobil som vil glede både barn og voksne. Heng mobil ved et åpent vindu og se på sommerfugler forsiktig flagre i vinden. Dette er en morsom håndverket å gjøre med små barn. De kan bruke sin fantasi til å fargelegge som

  • Hvordan Design websider for mobile enheter
    - 阅 0

    De fleste mobilbrukere ønsker ikke å kaste bort tid på å vente på websider for å laste ned til sine mobile enheter. Når du oppretter mobile device websider, bør elementer som bilder, rammer, tabeller og spesiell styling være forbudt eller brukes mode