Hoe aangepaste CSS3 Dropdown menu's maken: CSS Dropdown tutorial voor beginners (4 / 8 stap)

Stap 4: Starten van de CSS-Code - Global configuraties

De eerste stap in het creëren van CSS-code is het creëren van de style.css bestand. U kunt met behulp van een teksteditor of code editor programma. Zorg ervoor dat het bestand in dezelfde directory als de HTML-pagina plaatsen of anders vermelden het exacte pad van CSS-bestand in de HTML-code.

Algemene configuraties

We beginnen de CSS-code door het definiëren van de globale lettertype, grootte en lijn letterhoogte. Zoals u in het ontwerp zien kunt, zijn we met behulp van Comic Sans lettertype. Ik heb daarnaast 15px genomen als de tekengrootte.

lichaam {}
lettertype-familie: "Comic Sans MS", Helvetica, Arial, sans-serif;
tekengrootte: 15px;
regelafstand: 20px;
}

Comic sans is een veilige weblettertype, dus het is beschikbaar in elke nieuwe en oude browser, maar nog steeds als elke browser geen Comic Sans ondersteunt, de browser automatisch Helvetica als standaardlettertypefamilie neemt, vervolgens gaat de prioriteit naar Arial dan eindelijk te standaard Sans-Serif familie.