Sfida di stile di base
Fa parte della sezione Stilizzare con CSS del percorso HTML di Coddy. Lezione 9 di 76.
Sfida
FacileTi viene fornito un documento HTML con un'intestazione (<h1>) e un paragrafo (<p>). Il tuo compito è applicare uno stile a questi elementi usando una combinazione di CSS inline, interno ed esterno. Segui i passaggi seguenti:
- Usa il CSS inline per cambiare il colore del testo dell'intestazione
<h1>in blue. - Usa il CSS interno per cambiare il colore di sfondo di
bodyin lightgray e la dimensione del carattere del paragrafo (<p>) in 16px. - Usa il file CSS esterno fornito, denominato
styles.css, per cambiare il colore del testo del paragrafo (<p>) in red. - Collega il file CSS esterno al documento HTML usando il tag
<link>.
Provalo tu
<html>
<head>
<title>Basic Styling Challenge</title>
<style>
body {
background-color: white;
}
p {
font-size: 12px;
}
</style>
<!-- Collega qui il file CSS esterno -->
</head>
<body>
<h1 style="color: red;">This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>Tutte le lezioni di Stilizzare con CSS
4Fondamenti del testo
Colore del testoFamiglia di caratteriDimensione del carattereSpessore del carattereAllineamento del testoDecorazione del testoSfida di ripasso #1Sfida di ripasso #27Modello a scatola - Parte 1
Cos'è il modello a scatola?Spaziatura internaMarginiBordiLarghezza e altezzaSfida di riepilogo8Modello a scatola Parte 2
Dimensionamento del boxRaggio del bordoOverflowOmbra del boxSfida di ripassoEsercitati da solo: Playground Web