Hur man skapar en elegant CSS-header för en webbplats (exempel)

0 Shares

WebbdesignvÀrlden har vuxit imponerande tack vare utvecklingen av spektakulÀra verktyg som fungerar med plattformen mÄngsidig och iögonfallande design. En viktig aspekt skulle vara att skapa och utveckla en elegant webbsida med CSS. Att vara huvudkomponenten i företag för att öka försÀljningen och expansionen.

Men webbplatser Àr ocksÄ transcendentala och positionerar sig som ett alternativ till spridningsföretag. Den stora majoriteten av massmedia har gett upp marknadsföring och marknadsföring av tidningar och tidskrifter digitala portaler.

HTML som huvudvapen

Men inte bara stora digitala medier anvÀnde sig av webbplatser. MÄnga startade sina egna projekt Informationsportaler pÄ Internetinte nödvÀndigtvis som en nyhetssÀndning, utan som ett utrymme dÀr de kan dela kunskap om bland annat hÀlsa, skönhet, IT, teknik.

För detta Àr fullstÀndiga kunskaper om sprÄket eller HTML-koden avgörande eftersom detta gör att du kan forma ryggraden pÄ din webbplats.

Men anvÀndarnas krav ökade, vilket gjorde det nödvÀndigt att utveckla nya former göra webbplatsen mer attraktiv.

Anpassa din webbplats med CSS

Inför denna situation skapades ett mirakel som fortfarande Àr positionerat som en mycket effektiv agent och anvÀnds av de allra flesta webbdesigners: Cascading stilark (Cascading Style Sheets), Àven kÀnd som CSS.

Detta sprÄk, som Àr en del av HTML, Àr ett fantastiskt alternativ för att anpassa stilarna pÄ en webbplats, vilket ger dig möjligheten att göra riktigt sofistikerade och vackra saker.

Vad han Àr kapabel till

Förutom att erbjuda enorma anpassningsmöjligheter för din webbplats, förbÀttrar CSS Àven din plattforms prestanda, vilket gör ditt liv enklare nÀr det gÀller att göra nödvÀndiga Àndringar för att göra din webbplats kompatibel med stationÀra och mobila versioner.

Den största fördelen Àr utan tvekan att CSS krÀver mindre kod Àn bara HTML, sÄ ge din webbplats en makeover det kommer att ta kortare tid JÀmfört med det traditionella sÀttet kan den till och med designa ett taggmoln för din webbplats.

Style din rubrik

Kort sagt, CSS-sprÄket har varit en vÀlsignelse för alla som har Àgnat sig Ät det strukturering och design digitala plattformar, ett verktyg som utan tvekan har gjort det möjligt för dem att anpassa sina webbplatser pÄ ett sÄ unikt sÀtt att det inte bara lockar anvÀndare utan ocksÄ blir en av mÄnga mÀnniskors favoritsajter.

Om detta Àr vad du vill uppnÄ behöver du bara kopiera och klistra in följande CSS-kod som hjÀlper dig att utforma inte bara rubriken eller titeln utan Àven alla andra avsnitt (h2, h3 och h4) i dina artiklar:

  • h1 {
    • fĂ€rg: # 6c2eb9;
    • font-weight: normal;
    • teckenstorlek: 40px;
    • teckensnittsfamilj: Arial;
    • text-transform: versaler;
  • }
  • h2 {
    • fĂ€rg: # 3c1b66;
    • font-weight: normal;
    • teckenstorlek: 35px;
    • teckensnittsfamilj: Arial;
    • text-transform: versaler;
  • }
  • h3 {
    • fĂ€rg: # 443963;
    • font-weight: normal;
    • teckenstorlek: 30px;
    • teckensnittsfamilj: Arial;
    • text-transform: gemener;
  • }
  • h4 {
    • fĂ€rg: # 4f4866;
    • font-weight: normal;
    • teckenstorlek: 25px;
    • teckensnittsfamilj: Arial;
    • text-transform: gemener;
  • }
  • h5 {
    • fĂ€rg: # 656172;
    • font-weight: normal;
    • teckenstorlek: 20px;
    • teckensnittsfamilj: Arial;
    • text-transform: gemener;
  • }
  • h6 {
    • fĂ€rg: # 747377;
    • font-weight: normal;
    • teckenstorlek: 18px;
    • teckensnittsfamilj: Arial;
    • text-transform: gemener;
  • }

Det Àr viktigt att lÀsa

Nu nÀr du har koden du behöver Àr det viktigt att hÀnvisa till objekt som finns pÄ sprÄket nÀr du tittar sÄ att du vet vad du kan Àndra eller Àndra:

  • “FĂ€rg” för fĂ€rgerna du vill visa i var och en av titlarna.
  • “Textstorlek” för att ange storleken pĂ„ titlarna.
  • “Teckensnittsvikt” om du vill att titlar ska vara feta.
  • “Konvertera text” sĂ„ att rubriker visas med gemener (gemener) eller versaler (versaler).
  • “Typsnittsfamilj” typsnittet som ska anvĂ€ndas (Times New Roman, Arial, etc.).

Enkelt och elegant!

Nu nÀr du vet hur man skapar en snygg CSS-header för en webbplats kommer alla dina headers att se fantastiska ut. DÀrför Àr det viktigt att vara fullt medveten om alla fördelar det ger att vara bra pÄ att hantera alla dessa koder för att göra din webbplats till en av de bÀsta,

0 Shares