pagina by @carmian - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

Referenze

<ul>Usato per la creazione di liste non ordinate.
<datalist>Crea una lista di opzioni pre-definite ed editabili per elementi di input
autocompleteIndica l'opzione di auto completamento delle aree di input e/o di un form
placeholderDefinisce un testo segnaposto per un elemento input o textarea
preloadL'attributo preload indica se precaricare un contenuto audio e video con il documento HTML
<b>Formatta il testo in grassetto

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

redirect 301 page2page

Il Mondo della Tecnologia

Articoli di Pugilato

basicStructure 2

console elements

Differences in Forms of Government

inserimento immagini in un testo

Esercizi 01/03/2024 es1

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="styles.css" />
    <title>PAGINA</title>
  </head>
<body>
  <header>
    <p class="autore">
      <span>Nome</span>
      <span>Cognome</span>
        </p>
      
    <h1 class="titolo">TITOLO</h1>
  <h2 class="sottotitolo">sottotitolo</h2>
  <div class="navigazione">
    <nav class="menu">
    <a href="#primo">Primo</a>
    <a href="#secondo">Secondo</a>
    <a href="#terzo">Terzo</a>
  </nav>
  </div>
  </header>
  <section>
  <div>
    <h3 id="primo">Primo Titolo</h3>
    <p class="testo"><span class="parole">In uno dei primi libri di fantascienza intitolato Mr. Tompkins in Wonderland (1940) del fisico George Gamow, si immaginava un mondo in cui la velocità della luce fosse solamente di 10 m/s. Mr. Tompkins aveva studiato la relatività e cominciando a correre su una bicicletta si aspettava di diventare immediatamente più piccolo ed era molto lieto di ciò poiché l'aumentare della sua altezza gli aveva ultimamente causato qualche preoccupazione. Con sua grande sorpresa, tuttavia, niente di simile avvenne né a lui né alla sua bicicletta, mentre invece la visione attorno a lui cambiò completamente. Le strade divennero più corte, le vetrine dei negozi cominciarono ad apparire strette come fessure e il poliziotto all'angolo divenne l'uomo più smilzo che egli avesse mai visto. «Per Giove!» esclamò Mr. Tompkins con eccitazione, «Ho capito il trucco. Ecco come salta fuori la parola relatività.»</span></p>
  </div>
  <div>
    <h3 id="secondo">Secondo Titolo</h3>
    <p class="testo">In uno dei primi libri di fantascienza intitolato Mr. Tompkins in Wonderland (1940) del fisico George Gamow, si immaginava un mondo in cui la velocità della luce fosse solamente di 10 m/s. Mr. Tompkins aveva studiato la relatività e cominciando a correre su una bicicletta si aspettava di diventare immediatamente più piccolo ed era molto lieto di ciò poiché l'aumentare della sua altezza gli aveva ultimamente causato qualche preoccupazione. Con sua grande sorpresa, tuttavia, niente di simile avvenne né a lui né alla sua bicicletta, mentre invece la visione attorno a lui cambiò completamente. Le strade divennero più corte, le vetrine dei negozi cominciarono ad apparire strette come fessure e il poliziotto all'angolo divenne l'uomo più smilzo che egli avesse mai visto. «Per Giove!» esclamò Mr. Tompkins con eccitazione, «Ho capito il trucco. Ecco come salta fuori la parola relatività.»</p>
  </div>
  <div>
    <h3 id="terzo">Terzo Titolo</h3>
    <p class="testo">In uno dei primi libri di fantascienza intitolato Mr. Tompkins in Wonderland (1940) del fisico George Gamow, si immaginava un mondo in cui la velocità della luce fosse solamente di 10 m/s. Mr. Tompkins aveva studiato la relatività e cominciando a correre su una bicicletta si aspettava di diventare immediatamente più piccolo ed era molto lieto di ciò poiché l'aumentare della sua altezza gli aveva ultimamente causato qualche preoccupazione. Con sua grande sorpresa, tuttavia, niente di simile avvenne né a lui né alla sua bicicletta, mentre invece la visione attorno a lui cambiò completamente. Le strade divennero più corte, le vetrine dei negozi cominciarono ad apparire strette come fessure e il poliziotto all'angolo divenne l'uomo più smilzo che egli avesse mai visto. «Per Giove!» esclamò Mr. Tompkins con eccitazione, «Ho capito il trucco. Ecco come salta fuori la parola relatività.»</p>
  </div>
  </section>
</body>
</html>

*{
  box-sizing: border-box;
  margin:auto;
  scroll-behavior: smooth;
}
html{
  width: 100%;
}
.autore{
  display: flex;
  justify-content: space-between;
  width: 100%;
  letter-spacing: 50%;

}
.titolo{
  text-align: center;
  letter-spacing: 100%;
  width: 100%;
}
.sottotitolo{
  text-align: center;
}
.testo{
  column-count: 3;
  text-align: justify;
  column-gap: 5%;
  margin-left: 2%;
  margin-right: 2%;
  font-size: 1.5rem;
  padding-bottom: 5%;
}
.testo::first-letter{
  font-size: 5rem;
  float: left;
  padding: 0%;
  margin-top: -10;
  margin-bottom: -20;
}
a{
  text-decoration: none;
  color: black;
}
a:hover{
  background-color: black;
  color: white;
}
header{
  position: fixed;
  width: 100%;
  background-color: white;
}
.menu{
  display: flex;
  justify-content: space-between;
}
section{
  padding-top: 20%;
}