Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2006
    Messaggi
    99

    Esercizio sui selettori

    Salve a tutti, ho appena finito di studiare i css e stavo facendo degli esercizi, sapreste aiutarmi in questo: Dato un documento HTML con 4 paragrafi, rendere il testo dei primi 2 in grassetto e quello del primo e quarto di dimensione 24 punti. cioè utilizzando solo i selettori..io ho fatto come segue:

    <html>
    <head>
    <style>
    p.grassetto{font-weight:bold;}
    p.size{font-size:24pt;}
    </style>
    </head>
    <body>
    <p class="grassetto"> sono il paragrafo numero uno.</p>
    <p class="grassetto"> sono il paragrafo numero due.</p>


    sono il paragrafo numero tre.</p>
    <p class="size"> sono il paragrafo numero quattro.</p>
    </body>
    </html>

    il problema è come fare contemporaneamente il primo sia grassetto che 24 pt...

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    ...
    <body>
    <p class="grassetto size"> sono il paragrafo numero uno.</p>
    <p class="grassetto"> sono il paragrafo numero due.</p>


    sono il paragrafo numero tre.</p>
    <p class="size"> sono il paragrafo numero quattro.</p>
    </body>
    </html>
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2006
    Messaggi
    99
    Grazie 1000 avevo provato con la virgola ma non funzionava , comunque questo esercizio invece mi manca solo 1 centimetro di margine sulla prima linea del paragrafo, però ho letto anche le proprietà sui margini e non si smuove proprio, sia che siano cm o px o pt, ecco il codice:

    <html>
    <head>
    <style>
    h1:first-letter{text-transform:uppercase;}
    p:first-letter{font-size:40pt;color:blue;}
    p:first-line{margin:1cm;}
    p{width:60%;}
    </style>
    </head>
    <body>
    <h1>primo titolo</h1>
    <h1>secondo titolo</h1>
    <h2>terzo titolo</h2>


    sono il primo paragrafo prima linea
    seconda linea</p>


    sono il secondo paragrafo prima linea
    seconda linea</p>


    sono il terzo paragrafo prima linea
    seconda linea</p>


    sono il quarto paragrafo prima linea
    seconda linea</p>
    </body>
    </html>

    mi dareste 1 controllata??tutto il resto funziona come da traccia dell'esercizio, ma la prima linea di ogni paragrafo non si sposta...Grazie

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.