Trucchi per un contorno di (CSS) del foglio di stile CSS possono riferirsi a un numero di elementi CSS. Potrebbe essere l'uso di una griglia di layout. Le griglie sono che un elemento visivo bidimensionale significa orientare una pagina Web, proprio come grafica carta fornisce assi verticali e orizzontali per il posizionamento preciso degli elementi. Un altro trucco può essere commenti o uso ingegnoso di un particolare elemento CSS. Infine, stenografia inline è un altro tipo di CSS trucco per facilitare la progettazione della pagina.

Fare una griglia

Utilizzare la griglia per organizzare il testo e immagini in modo facile da capire. Griglie sono costituiti da righe, margini, grondaie e colonne. Le righe si riferiscono alle larghezze; le colonne si riferiscono all'altezza. Nel Web design, larghezza è calcolata facilmente, perché larghezze schermo stanno limitando mentre sua altezza verticale sia non, a causa dell'altezza infinita di una pagina scorrevole. È possibile alternare la griglia in un layout CSS rimuovendo; è possibile nascondere includendolo in un commento: <!--->.

Foglio di stile specifico di Internet Explorer

Internet Explorer pone alcune idiosincrasie per raggiungere Croce compatibilità con i browser. Piuttosto che costruire correzioni a quelle di visualizzazione anomalie nel documento CSS principale, considerare l'utilizzo di fogli di stile separati IE specifiche su base condizionale. Uso di markup XHTML avvolto all'interno di un'istruzione condizionale all'interno di un commento XHTML può realizzare questo trucco nifty CSS.

Note del foglio di stile

Commenti del foglio di stile non ingombrare il codice HTML e fornire una road map per estremamente lunghi fogli di stile o più siti Web di autore. Essi possono essere semplici come: / io sono una semplice nota per chiarire la posizione di alcuni specifici del codice o la sezione di codice. Note del foglio di stile possono essere immensamente preziosi nel fornire una tabella aggiornata dei contenuti per il foglio di stile.

Forma abbreviata di contorno

Un tipo di struttura diversa è il contorno di proprietà abbreviata nel testo. Questa proprietà a sintassi abbreviata imposta il colore di contorno, stile del contorno e ampiezza contorno intorno a un elemento specifico utilizzando i valori specificati. La proprietà di struttura è simile a un bordo. A differenza di un bordo, tuttavia, contorni non permettono diversi colori o larghezze o stili per ogni superficie di confine. Un esempio che assegna un contorno verde di 3 pixel messa a fuoco a elementi di ancoraggio all'interno di un elemento denominato "esempio":

esempio a: concentrarsi () {

outline : 3px solid green;

}