W3.CSS verstek


W3.CSS is maklik om te lees

W3.CSS-bladsye is maklik om te lees, selfs vir mense met ligte leesgestremdhede.

  • Die verstek lettergrootte is 15px
  • Die versteklettertipe is Verdana, wat 'n goeie letterspasiëring het
  • Die verstek lynspasiëring (1.5) is ook baie goed

HTML-opskrifte <h1> - <h6>

By verstek styl W3.CSS HTML-opskrifte op hierdie manier:

Voorbeeld

<h1>Heading 1 (36px)</h1>

<h2>Heading 2 (30px)</h2>

<h3>Heading 3 (24px)</h3>

<h4>Heading 4 (20px)</h4>

<h5>Heading 5 (18px)</h5>
<h6>Heading 6 (16px)</h6>

Lettertipe-grootte klasse

Opskrifte moet gebruik word vir wat dit is: Opskrifte.

Met W3.CSS kan lettergroottes deur die volgende w3 -grootte klasse gestel word:

Voorbeeld

w3-tiny
w3-small
w3-medium (Default)
w3-large
w3-xlarge
w3-xxlarge
w3-xxxlarge
w3-jumbo


Om die W3.CSS-standaarde te ignoreer

Om die W3.CSS verstek instellings te ignoreer is baie maklik.

Jy het ten minste drie opsies:

  1. Ignoreer die verstekinstellings in die <head>-afdeling van jou bladsy
  2. Voeg jou eie CSS-lêer by na W3.CSS
  3. Laai af en verander die inhoud van die W3.CSS-lêer

Ignoreer in<kop>

h1{font-size:64px;}
h2{font-size:48px;}
h3{font-size:36px;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:18px;}

Voeg jou eie CSS by

<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="myStyle.css">

Verander W3.CSS

h1{font-size:36px} h2{font-size:30px} h3{font-size:24px} h4{font-size:20px} h5{font-size:18px} h6{font-size:16px}

Verander die versteklettertipe

In die kop van jou webblad (of in jou stylblad), nadat jy W3.CSS gelaai het, verander die styl van html en liggaam:

Voorbeeld

<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<style>
html, body, h1, h2, h3, h4, h5, h6 {
  font-family: cursive, sans-serif;
}
</style>