January 5
Cascading Style Sheets è un linguaggio di stile che i Web designer utilizzano per modificare una pagina Web; CSS ha sostituito, e addirittura ampliato, alcune funzionalità di HTML. "<Div>" è un elemento di pagina che viene utilizzato per combinare più, oggetti collegati in una sezione, o per dividere una pagina in più di una sezione. CSS ha una serie di funzioni che possono influenzare il modo <div> elementi appaiono in una pagina.
HTML e CSS sono utilizzati in combinazione per la creazione e la modifica "<div>" elementi. CSS può modificare "<div>" elementi utilizzando l'attributo "class". Per esempio:
<Head>
<Style> div.header {font-size: 9pt; color: # 000000; } </ Style>
</ Head>
<Body>
<Div class = "header"> Questo è l'intestazione. </ Div>
</ Body>
Nell'esempio precedente, CSS definisce la classe "header". HTML "<div>" elementi che hanno
class = "header"
incluso utilizzerà gli attributi definiti nel tag CSS. Tutto il testo nel "<div>" elemento, quindi, sarà nero e sarà 9 punti in termini di dimensioni, assumendo non esistono altri elementi modificati ai "<div>" - per esempio, se un "<table>" elemento esiste all'interno dell'elemento "<div>", l'elemento "<table>" potrebbe avere una dimensione di carattere diverso e colore assegnato, perché è un oggetto diverso.
CSS "<div>" funzioni possono anche essere globale. Una funzione CSS globale si applica a tutti gli elementi associati nella pagina, escludendo gli elementi che già sono stati assegnati una classe.
<Style> div.header {font-size: 9pt; color: # 000000; }
div {font-size: 15pt; color: red} </ style>
</ Head>
<Body>
<Div class = "header"> Questo è l'intestazione. </ Div>
<Div> Ecco il contenuto. </ Div>
<Div> Questo è il piè di pagina. </ Div>
Nell'esempio precedente, tutti i "<div>" elementi, escluso "<div class =" header ">", usa un carattere 15-punto che è di colore rosso; "Div {font-size: 15pt; color: red}" non specifica una classe, in modo che qualsiasi elemento "<div>" che non dispone di una classe assegnata è incluso.
È inoltre possibile applicare le funzioni CSS a un elemento "<div>" tramite classi generali. classi generali possono applicare a qualsiasi elemento applicabile. Per esempio:
<Style>
.header {font-size: 9pt; color: # 000000; }
</ Style>
<Body>
<Div class = "header"> Questo è l'intestazione. </ Div>
<P class = "header"> Questo è il sub-header. </ P>
Entrambi <div> e <p> può utilizzare la classe "header", perché non è definito a qualsiasi elemento specifico. Utilizzando classi generali è utile se si desidera applicare un insieme di attributi a più elementi, ma non si vuole creare il codice CSS superfluo per ogni elemento della pagina.
È possibile applicare i singoli <div> funzioni CSS al tag <div> nel codice senza inserire il CSS tramite il <style> e </ style> tag. HTML può incorporare CSS in un elemento <div> utilizzando la seguente sintassi:
<Div style = ""> </ div>
È possibile inserire un qualsiasi numero di diversi attributi tra le virgolette. Ad esempio, per modificare l'altezza e la larghezza dell'elemento <div>, effettuare le seguenti operazioni:
<Div style = "height: 100px; width: 100px">
Come si può vedere, "stile" usa la sintassi CSS, con i due punti al posto dei segni di uguale. È possibile utilizzare "stile" quando si desidera aggiungere o modificare un elemento, ma non hanno accesso alla pagina CSS originale (ad esempio, quando si scrive un post di blog HTML-enabled).