Soubal Dir beginn mam Webpages mat HTML ze starten, da sidd Dir ugefangen mat der Gréisst ze begleeden. Fir Äert Site kucken wéi Dir et wëllt kucken, wahrscheinlech mat engem Design deen Dir oder eent engem aneren Designer erstallt hutt, da wielt d'Gréisst vum Text op där Säit, wéi och aner Elementer op der Säit. Fir dëst ze maachen, da kënnt Dir ufänken fir e HTML "Size" Tag ze sichen, awer Dir wäert séier fanne.
De HTML Gréisstentag ass net an HTML. Andeems Dir fir d'Gréisst vun Äre Fonts, Biller oder Layout festleet, sollt Dir Cascading Style Sheets benotzen. Tatsächlech, all visuell Verännerungen déi Dir braucht fir de Text vum Site ze benotzen oder e weideren Element sollt vu CSS gemaach ginn! HTML ass nëmme fir Struktur.
Deen Dag mat engem HTML Gréisst-Tag ass de alen Schrëfttag, deen e groussen Attribut huet. Vergewëssert datt dësen Zousstand an aktuellen Versionen vun HTML verschwonnen ass a kënnen net vun Browser an der Zukunft ënnerstëtzen! Dir wëllt de Schrëftart an Ärem HTML net benotzen! Amplaz sollt Dir CSS léieren fir Är HTML Elementer ze gräifen an Är Websäit z'entwéckelen.
Schrëftgréisst
Schrëfte si wahrscheinlech déi einfachst Saach mat CSS ze gréissen. Moreso wéi just dëse Text ze grënnen, mat CSS kanns du méi spezifesch iwwer Är Websäit beschreiwen . Dir kënnt d'Schrëftgréisst, d'Faarf, d'Uewerfläch, d'Gewiicht, d'Leedung a méi. Mat dem Schrëfttag kënnt Dir nëmmen d'Gréisst uginn, a nëmmen als Nummer relativ zu der Default Schrëftgréisst vum Browser, déi fir all Client differenzéiert ass.
Fir Ären Paragraph festzeleeën fir eng Schrëftgréisst vun 12pt ze hunn, benotzt d'Stilrichtung vun der Schrëftgréisst:
h3 {font-size = 24px; }}Dëse Stil géif d'Schrëftgréisst vun der headiing3 Elemente 24 Pixel setzen. Dir kënnt dëst mat engem externen Stylblat an all d'H3s vun Ärem Site benotzen dëse Stil benotzen.
Wann Dir nei Typographesch Stécker typesch Stécker wëllt addéieren, kënnt Dir se op dës CSS Regel spillen:
h3 {font-size: 24px; Faarf: # 000; Schrëftgréisst: normal; }}Dëst géif net nëmmen datt d'Schrëftgréisst fir H3s festgeluegt huet, et géif och d'Faar a schwarz setzen (wat de Hexcode vun # 000 heescht) an et wäerte d'Gewiicht op "normal" setzen. Par défaut, Browser navigéieren Headliner 1-6 als fett Text, sou datt dësen Stil dës Standard- a wesentlecht "on-fett" den Text iwwerschratt.
Bildgréissten
Biller kënne schwiereg sinn fir Gréisst ze definéieren, well Dir de Browser aktivéiere kënnt fir d'Bild ze vergréisseren. Natierlech ass d'Gréisst vum Biller mat dem Browser eng schlecht Iddi, sou datt d'Säite lues méi luede brénge a Browsers maachen oft eng schlecht Aarbecht, déi d'Gréisst änneren. Stellt Iech eng Grafiksprogramm fir d'Bildanimatioun ze änneren an schreift Iech dann eegene Gréissten op Äre Websäit HTML.
Am Géigesaz zu de Schrëften benotzen d'Biller entweder HTML oder CSS fir d'Gréisst ze definéieren. Dir definéiert d'Breet vum Bild an d'Héicht. Wann Dir HTML benotzt, kënnt Dir nëmmen d'Bildgréisst an Pixelen definéieren. Wann Dir CSS benotzt, kënnt Dir aner Mesure benotze wéi Zëmmer, Zentimeter a Prozenter. Dëse leschte Wäert, Prozentsätz, ass ganz nëtzlech, wann Är Biller fléissend sinn, wéi an enger reaktiver Websäit.
Fir Äert Bildgréisst mat HTML ze definéieren, benotzt d'Héicht an d'Breitenattribute vum img Tag. Zum Beispill, dëst Bild wär 400x400 Pixel Quadrat:
Héicht = "400" width = "400" alt = "image" />Fir Äert Bildgréisst mat CSS ze definéieren, benotzt d'Héicht a Breet Style-Properties. Hei ass datselwecht Bild, mat CSS fir d'Gréisst ze definéieren:
Stil = "Héicht: 400px; Breet: 400px;" alt = "image" />Gréisst vum Layout
Déi meescht Gréisst déi Dir an engem Layout definéiert ass d'Breet, an dat éischt wat Dir braucht fir ze entscheeden, ob se e fixe Layout Layout oder eng reaktiouns Websäit benotzen. An anere Wierder, wärt Dir d'Breet als eng genee Zuel vu Pixelen, Zoll oder Punkten ze definéieren? Oder ginn Dir Är Layoutbreed ze flexibel duerch Ems oder Prozentsaachen? Fir d'Gréisst vun Ärem Layout ze definéieren, benotzt Dir Benotzen vun der Breet an der Héichte CSS wéi Dir an engem Bild wier.
Fixed Breet:
Stil = "Breet: 600px;">Liquid Breiten:
Stil = "Breet: 80%;">Wann Dir op d'Breet fir Äre Layout decidéiert hutt, sollt Dir déi verschidden Browser breed sinn, déi Är Lieser benotze kéint an déi verschidde Apparater déi se och benotzen. Dëst ass d' Responsabilitéit vun de Websäiten , déi hire Layout an d'Gréisst vun de verschiddene Apparater a Schirmgrßen änneren kënnen, ass déi beste Praxisstandard haut.