July 3
Le pagine Web HTML usare i CSS dichiarazioni (Cascading Style Sheet) per determinare la loro comparsa all'interno del browser Web dell'utente. I siti web possono includere queste dichiarazioni di stile all'interno della sezione head di una pagina o all'interno dei file CSS dedicati collegate da ogni pagina. regole CSS possono dettare le regole di stile di qualsiasi elemento HTML tra cui elementi di input, come pulsanti all'interno forme. regole CSS includono il layout, la colorazione, le frontiere e l'uso di immagini di sfondo.
Le pagine Web dichiarano elementi di input come i bottoni utilizzando i tag HTML markup. Il codice di esempio riportato di seguito illustra la creazione di un elemento pulsante all'interno di una pagina web:
<Input type = "button" value = "Premere il tasto" />
forme sito può anche contenere specifici tipi di pulsante, come presentare i pulsanti, che causano i dati inseriti in un form per essere elaborati e inviati al server Web quando l'utente li scatta. Il seguente markup dimostra l'aggiunta di un pulsante di invio a una pagina Web:
<Input type = "submit" value = "Invia" />
Entrambi questi tipi di pulsanti utilizzano le stesse tecniche per lo styling in CSS.
regole CSS in grado di identificare gli elementi della pagina utilizzando il tipo di elemento o attributi specificati quali ID e Classe. Se le regole CSS utilizzano solo il tipo di tag per specificare regole di stile, lo stile verrà applicato a tutti gli elementi di quel tipo all'interno della pagina. Se gli sviluppatori vogliono personalizzare le proprietà di stile agli elementi particolari o classi di oggetti, che possono quindi utilizzare la classe e l'ID attributi invece. Il codice seguente illustra l'aggiunta di un attributo ID ad un elemento tasto:
<Input type = valore "pulsante" = "Press" id = "buttonx" />
Il seguente markup mostra come aggiungere un attributo di classe:
<Input type = valore "pulsante" = "Press" class = "formbutton" />
attributi ID devono essere utilizzati in modo univoco all'interno di una pagina, in modo da lo stesso ID non possono essere visualizzati due volte. Lo stesso attributo di classe può apparire più volte nella pagina.
regole CSS identificare gli elementi particolari gruppi di dichiarazione si applicheranno a. Ad esempio, il seguente codice CSS dimostra l'applicazione di una dimensione del carattere e il colore dichiarazione a tutti gli elementi di input:
ingresso
{Font-size: grande; color: # 000066;}
gli elementi di identificazione sono definiti facendo precedere il nome ID con un simbolo cancelletto. Il seguente esempio di codice CSS si applica styling per solo gli elementi con il dato valore di attributo ID:
buttonx
{Margin: 2px; padding: 5px;}
elementi di classe sono definiti facendo precedere il nome della classe con un punto. Il codice seguente illustra l'applicazione di stili elencati a tutti gli elementi di input con il valore di attributo di classe specificato:
input.formbutton
{Border: 1px solid # 000000; background-color: # FFFF00;}
dichiarazioni CSS possono impostare lo stile di elementi HTML in molti modi diversi. regole CSS in grado di determinare i colori del testo e dello sfondo per ogni elemento HTML. CSS può anche impostare immagini di sfondo per elementi specifici, impostando opzionalmente le immagini di ripetere in particolari direzioni. Il CSS Box modello consente agli sviluppatori di impostare le dimensioni degli elementi, padding, bordi e aree di margine, tra cui la dimensione di ogni aspetto. file CSS possono anche impostare le proprietà di una pagina intera, spesso utilizzato per le opzioni ad esempio font e immagini styling.