- CSS
- HTML
- machiaj
- Sass
- bootstrap
Dezasamblez două părți tipografice ale două biblioteci: Fundația 5 și Bootstrap 3.
Este necesar să puneți h1-h6 în ordine.
Ce aveți nevoie:- adaptabilitate
- Când modificați dimensiunea fontului bazei, schimbați anteturile relative.
- De asemenea, a fost schimbată înălțimea liniei și liniuțelor.
- Și totul a fost afișat corect, fără erori, nu a existat nici un sens al analfabetismului în adâncitura (cea mai dificilă parte, modul în care acestea sunt calculate matematic).
Bootstrap 3 - compartiment, deoarece toate în pixeli.
Fundația 5 - Setarea html
Remnant rem: dimensiunea fontului, înălțimea liniei, margin-top, margin-bottom.
De asemenea, în stylus (sau SASS) voi specifica dimensiunile de bază ale h1-h6:
Este necesar să se pună în ordine înălțimea liniei, marginea superioară, marginea inferioară.
În încercarea de a combina ambele practici, nu înțeleg.
În Bootstrap sunt grupate: la h1, h2, h3 titlurile o oututupy. h2, h3, h4 - altele.
În Fundație - același pentru toate h1-h6. marginea-sus: 0.2rem; margin-bottom: 0.5rem; - că pare rău, pentru că dimensiunea fontului este diferită. Dar se realizează datorită înălțimii mari a liniei. pentru că dacă h6 devine mult mai mic, va exista o problemă evidentă de cartografiere.
Cât de reală și de cea mai bună practică este să faceți o astfel de structură tipografică?
Pentru a seta (schimbarea în timp real) html font-size pentru a avea o afișare adecvată și corectă.
Lăsând posibilă modificarea dimensiunilor h (1-6) individuale prin variabile pentru a regla liniuțele și înălțimea liniei.
Desigur, IE8 nu trebuie să fie sprijinit și nu există dorință.
Articole similare
Trimiteți-le prietenilor: