Slik fjerner linje Space Fra H1 tag i CSS

August 15

Nettlesere sette standard avstand til HTML-tekst elementer som overskrifter og avsnitt. Siden standardverdiene varierer fra nettleser til nettleser, er det best å sette marginer og padding i et stilark. Mange web-designere bruker "reset" stilark som setter all tekst å se det samme uansett tag brukes, og deretter legge til nye stiler etterpå. Dette tar gjetting ut av å finne ut hva avstanden vil være i ulike elementer. Du kan også bare bruke litt av Cascading Style Sheet (CSS) kode for å sette margin på ditt <h1> -taggen til null hvis du trenger å redigere kun én posisjon.

Bruksanvisning

1 Start kode editor og åpne CSS-fil av eksternt stilark for ditt nettsted. Siden reset stiler krever en stor mengde koder, er det ikke en god idé å legge den direkte i HTML-filer. Opprett en tom CSS-fil hvis området ennå ikke har et eksternt stilark, og legge til denne linjen under <title> -taggen for hver webside på din side:

Erstatte filen banen med det riktige for deg. Hvis du bruker mer enn ett eksternt stilark, sørg for at den du legge til reset stiler til er den første <link> -taggen slik lesere lese denne først. Styles inkludert etter tilbakestilles vil overstyre dem, som er det du ønsker.

2 Kopiere og lime inn et sett av tilbakestillings stiler inn i toppen av den eksterne stilark. Du kan få reset stiler fra MeyersWeb eller Yahoo! Developer Network. Begge er godt respektert av utviklere og ofte brukt i faglige prosjekter. Lagre filene dine og sjekke nettstedet i en nettleser. Hvis du ikke legge stiler etter tilbakestilles, vil du se en hvit side med ren tekst uten mellomrom.

3 Legg en ID til en bestemt <h1> tag eller legge klasse navn til flere <h1> koder. HTML ser slik ut:

<h1 id = "my-header" class = "heading"> Mine Header </ h1>

Legg til følgende CSS koden under dine reset stiler:

h1 {margin-top: 0px; }

Type ".headers" eller "# my-header" (uten anførselstegn) etter "h1" i foregående kode for å målrette <h1> tags etter klasse navn eller ID. På denne måten vil noen <h1> tags få null toppmargen avstand, og andre vil bli gjengitt med hva avstanden du gi til generelle <h1> koder.

Hint

Sett opp et stilark forhåndsutfylt med reset stiler og en vanlig HTML-fil med nødvendig <link> kode og bruke det som standardtekst for å få fart på den nye nettsiden prosjekter. Du kan også finne gratis nedlasting av maler som utviklere har allerede skapt de nødvendige filene og kode.