CSS HTML5
form html5 : La Guida pratica

Form html5 : la Guida Pratica.

guida pratica ai form html5

Nuovo corso di Hidran Arias  su udemy.com
In questo corso vedremo passo a passo tutti gli elementi html5 di un form.
Vedremo i nuovi type dell’elemento input come url, phone, date, ecct.

Vedremo come formattare form html5 utilizzando CSS£, fogli di stile a cascata.

Date un’occhiata al corso a questo indirizzo Guida Pratica ai form html5 .

Questo corso insieme al corso di guida pratica a css3 e  html5 css la guida completa per sviluppatori web, ti permetteranno di creare pagine web dinamiche senza bisogno di un editor visuale

CSS HTML5
color property css. Aggiungere colore ai testi

CSS color property

Questa proprietà si usa per definire il colore di un testo

Si consiglia sempre definire un colore di sfondo, background-color, che faccia
contrasto con il colore definito

Questa proprietà viene ereditata degli elementi figli dove viene predefinita
ed è compatibile con tutti i browser dalla versione 1 del css

Prendi tutto il corso di 8 ore per 9 Euro!

HTML5 e CSS: La guida completa per lo sviluppatore WEB

In questa lezione impareremo ad aggiungere colori ai testi di una pagina web con la proprietà css color dei fogli di stile.
Vedremo come usare i colori usando il formatto esadecimale, rgb e con i nomi. Vedremo come rendere un testo opaco utilizzando opacity con RGB

Possiamo impostare il colore di un elemento, per esempio body:

 body{
color:#fff;
}

Possiamo dare anche il colore con il nome :

  div{
    color : red
}

Oppure in RGB:

 p{
color:rgba(255,255,0,.5);
}

Il quarto parametro sarebbe l’opacità del testo

Potete approfondire l’argomento nel sito di Mozilla

CSS HTML5
Usare i fogli di stile,style css, per formattare una pagina html: il tag style

In questa lezione vedremo come formattare elementi di pagina html utilizzando l’attributo style css3. Normalmente si utilizza l’attributo style quando si vuole modificare un elemento html in particolare o per sovrascrivere uno stile definito in un file css esterno. Aggiungete l’attributo style poi le proprietà css3 separate da punto e vrigola:

 <span style="color:red">test</span>

, si vedrebbe test

Se volessimo aggiungere lo stile a vari elementi di una pagina html, allora possiamo utilizzare  il tag style :

 <style> span.red { color : red}</style>

e poi dobbiamo aggiungere la classe red ai tag span cui vogliamo applicare il colore roso:

  <span class="red">Questo è un testo rosso</span>

Prendi tutto il corso di 8 ore per  20 Euro!

HTML5 e CSS: La guida completa per lo sviluppatore WEB

CSS
Formatare una tabella usando CSS

Usando xhtml e css si ottiene un codice più pulito e più facile da mantenere perché basterebbe cambiare

il foglio di stile per ottenere lo stesso risultato:

<table id=”mytable”>

<tr>

   <th>Colonna1</th>

   <th>Colonna2</th>

< /tr>

<tr>

   <td>Dato1</td>

   <td>Dato2</td>

< /tr>

</table> 

Colonna1Colonna2
Dato1Dato2

Il css per ottenere lo stesso risultato sarebbe il seguente:

<style type="text/css">
 #mytable{
    width:350px;
   border-collapse:collapse;
   border:1px solid #c0c0c0;
   font-family:Tahoma,Verdana,sans-serif; font-size:85% ;
 }
#mytable td,#mytable th{
 margin:0;padding:2px;text-align:center ;
 }
#mytable th{
     background-color:#c0c0c0;
     color:#fff; font-weight:bold;
 }
#mytable td{
     background-color:#6699cc;
     color:#fff;  font-weight:normal;
 }
 </style>