Nwlapcug.com


Come combinare gli attributi CSS in uno

Come combinare gli attributi CSS in uno


Fogli di stile CSS, o CSS, dettare l'aspetto generale di un sito per definire lo stile di ogni elemento può essere il font, layout di pagina o di colore. In genere, un sito Web utilizza un file CSS in tutta sua molte pagine. Siti di grandi dimensioni hanno i file CSS con numerose linee di codici, spesso creando un grande file CSS. Se si desidera ottimizzare la velocità di caricamento del tuo sito, unica cosa che può cambiare è la dimensione del file CSS. La combinazione di diversi attributi in uno usando stenografia CSS diminuisce le righe di codice, risultando in un più piccolo file CSS.

Istruzioni

Utilizzando stenografia sui bordi

1

Aprire il file CSS del tuo sito in blocco note.

2

Cerca il codice di attributi di confine wher istanze sono definite. Per esempio:

.Sidebar () {

border-width: 1px;

stile del bordo: punteggiato;

border-color: #000;

border-top-width: 1px;

confine-giusto-Larghezza: 2px;

border-bottom-Larghezza: 3px;

confine-sinistra-Larghezza: 4px;

}

3

Combinare gli attributi di bordo utilizzando la proprietà a sintassi abbreviata "bordo" e "border-width":

.Sidebar () {

border: 1px dotted #000;

border-width: 1px 2px 3px 4px;

}

La forma abbreviata di "confine" combina larghezza, stile e colore, mentre "border-width" combina il superiore, destro, inferiore e sinistro attributi.

Utilizzando la sintassi abbreviata su sfondi

4

Aprire il tuo file CSS.

5

Cerca il codice per istanze dove sono definiti gli attributi di sfondo. Per esempio:

corpo () {

colore di sfondo: #ccc;

immagine di sfondo: URL('mybackground.jpg');

background-repeat: no-repeat;

background-attachment: fisso;

background-position: in alto a destra;

}

6

Combinare gli attributi di sfondo utilizzando la sintassi abbreviata "background":

corpo () {

Priorità bassa: #ccc URL('mybackground.jpg') no-repeat fisso in alto a destra;

}

Gli attributi combinati devono essere tipizzati fuori nell'ordine seguente: colore, immagine URL, ripeto, attaccamento e posizione.

Utilizzando la sintassi abbreviata su tipi di carattere

7

Aprire il tuo file CSS

8

Cerca il codice per istanze dove sono definiti gli attributi dei font. Per esempio:

H1 {

font-style: underline;

font-variant: small-caps;

font-weight: bold;

dimensione del carattere: 16px;

line-height: 30px;

font-family: "Arial", sans-serif;

}

9

Combinare gli attributi di carattere utilizzando la sintassi abbreviata "font":

H1 {

carattere: sottolineare maiuscoletto grassetto 16px/30px "Arial, sans-serif;

}

Gli attributi combinati devono essere tipizzati fuori nell'ordine seguente: famiglia stile, variante, peso, dimensioni, altezza di riga e carattere.

Utilizzando la sintassi abbreviata su margini e spaziatura interna

10

Aprire il tuo file CSS.

11

Cercare istanze nel codice dove margin e padding gli attributi sono definiti. Per esempio:

{. Box

margin-top: 5px;

margine-destra: 0;

margin-bottom: 3px;

margine sinistro: 6px;

padding-top: 5px;

imbottitura-destra: 0;

padding-bottom: 3px;

padding-left: 6px;

}

12

Combinare margin e padding attributi utilizzando il "margine" e "padding" stenografia:

{. Box

margin: 5px 0 3px 6px;

padding: 5px 0 3px 6px;

}

Gli attributi combinati devono essere tipizzati fuori nell'ordine seguente: top, right, bottom e left.

Consigli & Avvertenze

  • Non tutti gli attributi necessari e possono essere lasciati vuoti.
  • Per il codice CSS per lavorare, è importante seguire la sequenza corretta per ogni proprietà di scrittura stenografica CSS.