Styling header element, såsom en sida rubrik , använda Cascading Style Sheets ( CSS ) är en relativt enkel process . CSS kan du ange stil information, såsom teckensnitt , färg och storlek . Genom att använda CSS med specifika rubriktaggarna ( ex : H1 , H2 ) , kan du ha flera rubriker på en sida , var och en med sin egen unika stil . Ett enkelt sätt att genomföra denna CSS är inline , eller inom rubriktaggarna . Instruktioner
1
Öppna den HTML-fil som innehåller rubriken och elementen header du vill stil . En integrerad utvecklingsmiljö ( IDE ) erbjuder betydande funktioner när du redigerar koden kommer dock en enkel textredigerare , till exempel Anteckningar räcka .
2
Navigera till sidhuvudet på sidan. Detta avsnitt är högst upp på sidan och ofta innehåller element, såsom en sida titel och meny. Det definieras ofta av "huvud" taggar :
innehåll ... < /head > Addera 3
Ange de rubriker du vill ha i huvudet med hjälp av rubrikerna HTML -taggen ( H1 , H2 osv ) . Du kan deklarera flera HTML rubriker taggar . Till exempel :
Detta är ett test rubrik < /h1 >
Detta är ett annat test rubrik < /h2 >
Se till att använda rätt syntax ( som skatt , stängningskod med " /" ) i hela koden .
4
ange följande kod element, avgränsade med semikolon , för att ange stilen på en rubrik . Några exempel stil element är nedan :
Färg - " color : Ange färg här ( Ex : red ) "
Teckenstorlek - " font - size : Ange storlek här ( Ex : 20px ) "
align text - " text - align : Ange positionen ( Ex : mitten ) "
Använd följande syntax ( style = " ... " ) efter den första sidhuvudtagg att ange en specifik stil. Till exempel :
Test Rubrik < /h1 >
Detta skulle visa " Ted Rubrik " i mitten av sidan med rött teckensnitt och en storlek på 20 px .
5
Spara alla ändringar du har gjort i din kod .