Wéi eng CSS Datei an HTML anzeginn

Auteur: Eric Farmer
Denlaod Vun Der Kreatioun: 3 Mäerz 2021
Update Datum: 25 Juni 2024
Anonim
Wéi eng CSS Datei an HTML anzeginn - Gesellschaft
Wéi eng CSS Datei an HTML anzeginn - Gesellschaft

Inhalt

Hypertext Markup Language (HTML) bestëmmt wéi eng Elementer op enger Websäit präsent sinn. D'Cascading Style Sheets (CSS) Programméierungssprooch beschreift wéi dës Elementer ausgesi sollen.D'CSS Datei kann an HTML als extern dobäigesat ginn (CSS gëtt als separat Datei bäigefüügt) oder intern Stylblatt (CSS ass an der HTML Datei abegraff). Léiert wéi Dir CSS an eng HTML Datei embed fir Äert Site nei ze designen.

Schrëtt

Methode 1 vun 2: Wéi een en externen Stilblat ageriicht

  1. 1 Erstellt eng CSS Datei. Bereet a späichert eng CSS Datei mat enger ".css" Extensioun.
  2. 2 Eroplueden d'CSS Datei op Är Site.
  3. 3 Kopéiert d'Adress (URL) vun der CSS Datei. D'Adress vum Site gesäit sou aus: www.yoursite.com/stylesheet.css.
    • Et ass gutt Praxis den primäre Domain Numm vun der URL ze läschen. Baséierend op dëser gëtt d'Adress http: //myisite.com/css/default.css op "/css/default.css" verkierzt. Denkt drun déi féierend Schräg ("/") opzehuelen. Et gëtt e relativen Wee genannt.
  4. 4 Fügt de Link an d'Datei an. Fannt den / head> Tag an Ärer HTML Datei a erstellt eng eidel Linn direkt uewen. Paste an där Zeil LINK rel = stylesheet type = "text / css" href = "www.your_site.com / stylesheet.css">, ersetzt "www.your ..." mat engem Link an der CSS Datei.
  5. 5 Späichert d'HTML Datei an luet se op de Site erop.
  6. 6 Gitt sécher datt alles um Site sou ausgesäit wéi et soll. Soss, mécht d'HTML Datei nei op, sicht no Feeler a maacht Ännerungen.

Methode 2 vun 2: Wéi en intern Stylblat anzeginn

  1. 1 Erstellt e Labelstil>. Öffnen d'HTML Datei a fënnt den / head> Tag. Füügt e puer eidel Linnen uewen drop a gitt dat folgend an:

STYLE type = "text / css"> / STYLE>

  1. 1 Paste all Är CSS tëscht dësen zwee Etiketten.
  2. 2 Späichert d'HTML Datei (mat der .html Extensioun).
  3. 3 Gitt sécher datt alles um Site sou ausgesäit wéi et soll. Soss, maacht déi gewënscht Ännerungen.

Tipps

  • Iwwerpréift ëmmer d'Erscheinung vum Site a verschiddene Browser an op verschiddene Betribssystemer. E puer Browser verbannen mat CSS op liicht verschidde Weeër. Et kann souguer am selwechte Browser geschéien, awer op verschiddene Versioune vu Mac a Windows. Wann Äre Site anescht an engem anere Browser ausgesäit (zum Beispill d'Distanz tëscht e puer Objeten, sou wéi Lëschten, ass vun enger anerer Gréisst), dann ass de Problem datt d'Astellunge vum Browser sinn. Fannt de Master Stylesheet a paste se uewen an der CSS Datei fir d'Standard Browser Astellungen z'änneren. Dëst gëtt gemaach fir datt Är Astellunge näischt am Browser selwer änneren.
  • Fügt en extern Stilblat an wann Dir kënnt. Dëst erlaabt Iech de Look vum Site z'änneren andeems Dir de Code an der Quelldatei ännert. Dëse Wee musst Dir d'CSS net op all Säit vun Ärer Säit änneren.
  • Wann Äre Site net op CSS äntwert wéi Dir et erwaart, da kontrolléiert déi ganz Kodéierung fir sécherzestellen datt et richteg geschriwwen ass. Besonnesch oppassen besonnesch op Semikolon (";") an Ofschlossklammern ("}"). Et ass zimmlech einfach ee vun dëse Personnagen an enger CSS Datei ewechzehuelen.
  • Späichert d'HTML Datei op Ärem Computer sou datt Dir se spéider a verschiddene Webbrowser opmaache kënnt an hir Erscheinung duebel préift ier Dir se weider erofluet. Awer fir se ze lueden, muss d'CSS Datei an den HTML als en externen Stylblatt agefouert ginn.
  • Wann de Stylblat sech widdersprécht - zum Beispill seet et als éischt datt den Text blo wäert sinn an dann datt hien rout wäert sinn - dee leschte Bedingung gëtt ëmmer erfëllt. Wann ee Kommando en externen Style Sheet ass an deen aneren en intern Style Sheet, ass dat intern Style Sheet aktiv.

Warnungen

  • Benotzt net "oppen" Stadium CSS, dat heescht den CSS deen am HTML Tag abegraff ass. (Beispill: "align = 'center'" ass eng oppe CSS -Astellung). Dëst ass eng onbestänneg Optioun mat enger schlechter Syntax. Wann Dir no enger Zäit de Site muss updaten, ass dës Astellung schwéier z'änneren.