Trucchi per un contorno CSS

September 20

Trucchi per un contorno CSS


Trucchi per un contorno foglio di stile a cascata (CSS) possono fare riferimento a una serie di elementi CSS. Potrebbe essere l'uso di una griglia di layout. Le griglie sono un mezzo visivo bidimensionale ad orientare una pagina Web, proprio come la carta grafica fornisce assi verticali e orizzontali per il posizionamento preciso di elementi. Un altro trucco può essere commenti o uso ingegnoso di un particolare elemento CSS. Infine, in linea stenografia è un altro tipo di trucco CSS per facilitare la progettazione pagina.

Fare una griglia

Utilizzare la griglia per organizzare il testo e le immagini in un modo facile da comprendere. Le griglie sono composte da righe, margini, grondaie e colonne. Righe riguardano larghezze; colonne si riferiscono a altezza. Nella progettazione Web, larghezza viene calcolato facilmente, perché larghezze schermo sono limitanti mentre l'altezza verticale non è, grazie all'altezza infinita di una pagina scorrevole. È possibile attivare o disattivare la griglia in un layout CSS decommentando esso; si può nascondere racchiudendo entro un commento: <! - ->.

Specific Style Sheet Internet Explorer

Internet Explorer pone alcune idiosincrasie al raggiungimento croce compatibilità del browser Web. Piuttosto che costruire correzioni a tali anomalie di visualizzazione nel documento CSS principale, è possibile utilizzare i fogli di stile IE-specifici separati su una base condizionale. L'utilizzo di markup XHTML avvolto all'interno di un'istruzione condizionale all'interno di un commento XHTML può realizzare questo trucco CSS elegante.

Note foglio di stile

commenti fogli di stile non ingombrare il codice HTML, e di fornire una road map per i fogli di stile estremamente lunghi o più siti web dell'autore. Essi possono essere semplici come: / io sono una semplice nota / a chiarire la posizione di alcuni sezione di codice o il codice specifico. note foglio di stile può essere immensamente prezioso nel fornire una tabella di up-to-date di contenuti per il foglio di stile.

Outline Stenografia

Un diverso tipo di profilo è il contorno proprietà abbreviata in testo. Questa proprietà scorciatoia imposta il contorno-colore, struttura in stile e delineare larghezza attorno ad un elemento specifico utilizzando i valori specificati. La proprietà schema è simile a una frontiera. A differenza di un confine, però, delinea non consentono diversi colori o larghezze o stili per ogni superficie di confine. Un esempio che assegna un contorno 3 pixel verde sulla messa a fuoco per ancorare elementi all'interno di un elemento chiamato "esempio":

Esempio A: attenzione {

outline : 3px solid green;

}