pagina by @carmian - Codewith.it

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

Referenze

checkedPre-imposta su 'true' il valore di un elemento input checkbox o radio
mediaSpecifica a quale dispositivo/display/documento è ottimizzata una risorsa.
rowspanDefinisce il numero di righe su cui una cella di una tabella deve estendersi.
<aside>Definisce un contenuto separato dal testo perincipale
heightDetermina l'altezza di un elemento HTML in pixel
crossoriginGestisce richieste tra documenti provenienti da origini differenti.

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

questa sarà una pagina web dedic

Dashboard v1(2)

JS Esercizio Concetti Gen es1

Appunti Informatica

Heads Or Tails Random Tally

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%;
}