css text och HTML 5

Det här momentet lär dig skillnad på HTML 4 och HTML 5.

Semantiska taggar

HTML 5 taggar vi går igenom. 

aside
header
footer
main
section
nav
article

CSS- text

Fonter som ser bra ut på webben. Verdana, Arial, Helvetica

font-size, font-family, font-weight, font-style

text-spacing, text-decoration

line-heigt, text-align, text-indent

 

Hjälp till uppgfiten

Text css på html-dog

Hur du använder semantiska taggar från treehouse

googles importerade fonts

 

Uppgift text och HTML 5, specifikationer

Du ska skapa den här artikeln. Det här är specifikationerna;

Den övre artikeln har dubbelt radavstånd mot normalt.

Rubrik 1 och Rubrik 2 har en grå bakgrund och är centrerade.

Rubrik 1 har en genomstrykning

HTML , dvs rubriken har en linje över texten (går att lösa på två sätt)

Citatet är 30% större än defult, har lite mindre weight än normalt och är kursiv.

Länken har ingen underline

Footern har en weight på 600.

 

textCSS

 

Fråga Ta reda på hur jag kunde target första article men inte andra utan att använda
mig av class eller ID.

 

Facit

 

Överkurs

Styla om din sida så  du lägger in ett google API typsnitt på h1

och lägg tille n passande border runt hela sidan.

harderText