6 meno conosciuta Cose sui CSS di Deepa Ranganathan

CSS si mantiene l'aggiornamento, in un modo che è necessario tenere il passo con le caratteristiche mutevoli e toni di questo foglio di stile. È necessario conoscere la nuova sintassi, e anche i metodi senza codice che è possibile utilizzare in posizione ideale. Qui sarete introdotti ad alcuni dei fatti meno noti dei CSS che vi aiuterà a recuperare il ritardo con i dettagli.

border-radius con Slash

Se si vuole definire il raggio per un forma che si prevede di utilizzare nel vostro sito web, è possibile utilizzare la proprietà barra per definire il raggio di confine. Ecco come sarà la codifica è

.box {

border-radius: 35px 25px 30px 20px /35px 25px 15px 30px;}

.

Per coloro che sentono questo non è un modo valido di entrare il raggio, non è così! CSS ha definito la proprietà barra come valido

I valori prima della barra sono per il raggio orizzontale mentre che dopo la barra impostare il raggio verticale per la forma nella preoccupazione

border-top-left-radius:.. I valori

questo determinerà la curvatura della forma

Font Peso Usa parole chiave relative

Le proprietà normali definite per font-weight sarebbe normale o in grassetto. È inoltre possibile utilizzare valori interi per definirlo. Ma, ciò che non è generalmente usata è più audace o più chiara. Ma, a quanto pare ora le cose sono cambiate. I valori collegati al grassetto è stato di 700, mentre per il normale era 400. Ora, il codice qui sotto mostra come le parole chiave relative a valori possono cambiare l'aspetto del vostro peso carattere

.box {

font-weight: 100

}

.box-2 {

font-weight,: più audace; /* Mappe a 400 * /

}

.box-3 {

font-weight: più audace; /* Mappe a 700 * /

}

.box-4 {

font-weight: 400;

}

.box-5 {

carattere Peso: più audace; /* Mappe a 700 * /

}

.box-6 {

font-weight: più audace; /* Mappe a 900 * /

}

.box-7 {

font-weight: 700;

}

.box-8 {

carattere Peso: più audace; /* Mappe a 900 * /

}

.box-9 {

font-weight: più audace; /* Mappe a 900 * /

}

.box-10 {

font-weight: più leggero; /* Mappe a 700 * /

}

.box-11 {

font-weight: più leggero; /* Mappe a 400 * /

}

.box-12 {

font-weight: più leggero; /* Mappe a 100 * /

}

I valori di mappatura sono stati modificati per ogni singolo caso, come mostrato nel codice precedente. Questo è un metodo relativo.

Outline-Offset Proprietà

Con questa struttura è possibile definire il limite per il contorno a essere compensata dall'elemento di preoccupazione. Si tratta di una proprietà utilizzata raramente, che si può usare se si desidera migliorare le vostre opzioni di debug. Normalmente, contorno non include contorno-offset, e sarà necessario definire separatamente. Ebbene, c'è un limite a questa proprietà. Non è supportato dal browser IE, e che potrebbe essere una battuta d'arresto.

La Table-layout Proprietà

Questa è un'altra proprietà che è usato raramente, ed è meno conosciuta. In realtà non è auto esplicativo, come si sente. È possibile garantire che la disposizione orizzontale non dipende davvero contenuto, ma la larghezza dipende se si utilizza questa proprietà correttamente. È anche possibile correggere il layout del tavolo, o utilizzare levetta pulsante per passare tra le proprietà. Questa è una proprietà eccezionale, che può essere utilizzato se il layout è costituito da alcuni tavoli

Il: first-letter Element

Se vuoi per lo stile la prima lettera di ogni elemento, allora questo è la proprietà che si dovrebbe usare. Questo dà la tua prima lettera l'effetto capolettera, che è ancora estremamente importante. Vi è uno standard che è stata stabilita per un periodo di tempo, che riflette come dovrebbe essere specificata la prima lettera. La struttura, elemento contribuisce a definire la prima lettera in un modo standard.

Animazione iterazioni come valori frazionari

È possibile utilizzare la proprietà di animazione-iterazione count fissare il numero di volte in cui l'animazione sarà giocato

.esempio {

animazione-iterazione-count: 3;

}.

Il conteggio può passare da un valore intero a metà tempo, come specificato da voi. Questa è una caratteristica interessante che si dovrebbe usare se si sta creando animazioni in CSS.

E 'sempre bene per toccare i meno conosciuti procedure di codifica che gestisce i CSS. È possibile ottenere una migliore idea di come eseguire con tecniche CSS. Noleggio sviluppatori dedicati

di dare i migliori fogli di stile e design per le vostre applicazioni.