<b>/<strong>Testo in grassetto

<u>/<ins>Modalità di visualizzazione sottolineata

<i>/<em>Il testo viene visualizzato in corsivo

Il testo <s>/<del> viene visualizzato barrato

etichetta temporale

contrassegnare i caratteri evidenziati

citare il riferimento al tag

allineare

<hr>

<per>

<br/>

font

imm

Selettore {Attributo 1: Valore attributo 1; Attributo 2: Valore attributo 2;....}

in linea

Incorporato

link esterno

Importato

I selettori di base lavorano su questi tre

selettore di tag

selettore di classe

selettore id

selettore di caratteri jolly

id>classe>standard>carattere jolly

Proprietà dello stile del testo

proprietà dell'aspetto del testo

Funzionalità avanzate

Selettore del fratello vicino: usa il numero per connetterti

Selettore fratello ordinario: utilizzare ~ per collegare prima e dopo

bordo superiore

bordo inferiore

bordo sinistro

confine destro

Impostazioni di stile complete

Impostazioni complete di larghezza

Impostazioni complete di colore

Impostazioni complete dei bordi

imbottitura-top: margine superiore

imbottitura-destra: imbottitura destra

imbottitura-bottom: imbottitura inferiore

imbottitura-sinistra: imbottitura sinistra

imbottitura: imbottitura superiore [imbottitura destra, imbottitura inferiore, imbottitura sinistra]

margin-top: margine superiore

margin-right: margine destro

margin-bottom: margine inferiore

margin-left: margine sinistro

margine: margine superiore [margine destro, margine inferiore, margine sinistro]

colore di sfondo: colore di sfondo:

immagine-di-fondo:immagine-di-fondo:url()

Affiancamento dell'immagine di sfondo: background-repeat:property

Posizione dell'immagine di sfondo: posizione dello sfondo: in basso a destra;

Immagine di sfondo corretta

Set completo di elementi di sfondo

rgba (r, g, b, alpha) rgb rappresenta il rapporto dimezzato del colore alfa è un parametro, 0.0 è completamente trasparente e 1.0 è completamente opaco;

opacità: parametro; parametro compreso tra 0~1

border-radius: Parametro del raggio orizzontale 1 Parametro del raggio orizzontale 2 Parametro del raggio orizzontale 3 Parametro del raggio orizzontale 4/Parametro del raggio verticale 1 Parametro del raggio verticale 2 Parametro del raggio verticale 3 Parametro del raggio verticale 4;

border-image-source specifica il percorso dell'immagine

border-image-slice specifica l'offset verso l'interno dei lati superiore, destro, inferiore e sinistro dell'immagine del bordo

border-image-width specifica la larghezza del bordo

border-image-outset specifica la distanza che si estende lo sfondo del bordo verso l'esterno del riquadro

border-image-repeat specifica il metodo di affiancamento dell'immagine di sfondo

h-ombra rappresenta la posizione dell'ombra orizzontale, che può essere un valore negativo (attributo obbligatorio)

v-shadow rappresenta la posizione dell'ombra verticale, che può assumere un valore negativo (attributo obbligatorio)

raggio di sfocatura dell'ombra di sfocatura (attributo opzionale)

raggio di espansione dell'ombra diffusa, non può essere negativo (attributo opzionale)

colorColore ombra (attributo opzionale)

L'inizio/rientro predefinito è ombra esterna/ombra interna (attributo opzionale)

Immagine di sfondo gradiente lineare:gradiente-lineare(angolo gradiente, valore colore 1, valore colore 2...·..., valore colore n);

Immagine di sfondo con gradiente radiale: gradiente radiale (forma del gradiente quattro posizione centrale, valore colore 1, valore colore 2. valore colore m;

Immagine di sfondo con gradiente lineare ripetuto: gradiente lineare ripetuto (angolo del gradiente, valore colore 1, valore colore 2..., valore colore n);

Ripeti immagine di sfondo del gradiente radiale: ripetizione-radiale-aradiente (posizione centrale del cerchio della forma del gradiente, valore colore 1, valore colore 2..., valore colore n);

Immagini di sfondo multiple

Imposta la dimensione dell'immagine di sfondo: background-size: valore attributo 1 valore attributo 2;

Imposta l'area di visualizzazione dell'immagine di sfondo: background-origin: valore dell'attributo;

Imposta l'area di ritaglio dell'immagine di sfondo: background-clip

inline: questo elemento verrà visualizzato come elemento inline (il valore dell'attributo di visualizzazione predefinito degli elementi inline) blocco: questo elemento verrà visualizzato come elemento blocco (il valore dell'attributo di visualizzazione predefinito dell'elemento blocco). inline-block: questo elemento verrà visualizzato come un elemento di blocco inline e su di esso potranno essere impostati attributi come larghezza, altezza e allineamento, ma l'elemento non occuperà una singola riga. none: questo elemento verrà nascosto, non visualizzato e non occuperà spazio sulla pagina, il che equivale all'elemento non esistente.

<ol> <li>Elenco voce 1</li> <li>Elenco voce 2</li> <li>Elenco voce 3</li> </ol>

tipo: valore attributo (1 predefinito)/a-A/i-I

numero iniziale (specifica il valore iniziale del punto elenco)

valore numero (il numero che specifica il punto elenco)

<ul> <li>Elenco voce 1</li> <li>Elenco voce 2</li> <li>Elenco voce 3</li> </ul>

tipo-

<dt> rappresenta il contenuto della definizione, <dd> spiega il contenuto

disco cerchio pieno (elenco non ordinato)

nessuno non utilizza punti elenco (elenchi non ordinati e ordinati)

cerchio cerchio vuoto (elenco non ordinato)

cjk-ideografici numeri ideografici semplici

quadrato quadrato solido (lista non ordinata

sistema di numerazione georgiano tradizionale georgiano

numeri arabi decimali

Numeri arabi con zero decimale che iniziano con 0

Numeri romani minuscoli minuscoli romani

numeri romani upper-romanuppercase

Lettere inglesi minuscole alfa-inferiore

Lettere inglesi maiuscole alfa-maiuscolo

lettere latine minuscole minuscole

lettere latine maiuscole maiuscole

ebraicoNumerazione armena tradizionale

numerazione ebraica tradizionale armena;

inside: il punto elenco si trova all'interno del testo

outside: il punto elenco è esterno al testo dell'elenco

a:link{regole di stile CSS;}default

a:visited{regole di stile CSS;} stile dopo che il collegamento ipertestuale è stato visitato

a:hover{regola di stile CSS;}Stile del collegamento ipertestuale al passaggio del mouse

a:active{regole stile CSS;} stile del collegamento ipertestuale quando si fa clic e si tiene premuto il mouse

border imposta il bordo della tabella (il valore predefinito border="0" non è un bordo) border-collapse: collassa l'unione dei bordi border-collspacing imposta la distanza tra celle adiacenti

cellspacing imposta lo spazio tra le celle

cellpadding imposta lo spazio tra il contenuto della cella e i bordi della cella

larghezza imposta la larghezza della tabella

altezza imposta l'altezza del tavolo

align imposta l'allineamento orizzontale della tabella nella pagina web

bgcolor imposta il colore di sfondo della tabella

background imposta l'immagine di sfondo della tabella

altezza imposta l'altezza della riga

align imposta l'allineamento orizzontale di una riga di contenuto nella pagina web

valign imposta la modalità verticale di una riga di contenuto

bgcolor imposta il colore di sfondo della riga

background imposta l'immagine di sfondo della riga

larghezza imposta la larghezza della cella

altezza imposta l'altezza della cella

align imposta l'allineamento orizzontale delle celle nella pagina web

valign imposta lo schema verticale del contenuto della cella

bgcolor imposta il colore di sfondo della cella

backgroundImposta l'immagine di sfondo della cella

colspan imposta il numero di colonne coperte dalle celle (utilizzato per unire le celle orientate orizzontalmente)

rowspan imposta il numero di righe che la cella si estende verticalmente (utilizzato per unire le celle orientate verticalmente)

<thead> definisce l'intestazione della tabella situata nel tag table

<tfoot>L'intestazione e il piè di pagina utilizzati per definire la tabella si trovano dopo thead

<tbody> definisce il tema della tabella

dalla sintassi dell'elemento del modulo: <from>controllo del modulo</from>

L'azione specifica l'indirizzo di destinazione per l'invio dei dati

metodo richiesta dati metodo get /post get significa che il browser stabilisce una connessione con il server del modulo e poi lo trasmette direttamente, il che è meno sicuro. Post significa che il browser stabilirà un collegamento al modulo specificato nell'attributo action e quindi lo trasmetterà in parti. L'invio implicito è più sicuro.

nome viene utilizzato per specificare un nome per il modulo

<input type="Tipo di controllo"/ >

tipo

controllo dell'area di testo

selezionare il controllo

L'attributo di completamento automatico viene utilizzato per specificare se il modulo ha una funzione di completamento automatico, il che significa che il contenuto di input del controllo del modulo viene registrato e la cronologia di input verrà visualizzata nell'elenco a discesa quando viene inserito nuovamente.

L'attributo novalidate specifica di annullare il controllo di validità del modulo quando il modulo viene inviato. Dopo aver impostato questo attributo per il modulo, la convalida dell'intero modulo viene disattivata. Tutti i moduli all'interno del controllo del modulo non vengono convalidati ="novalidare"

Il tipo di email <input type="email"> è una casella di testo utilizzata appositamente per inserire indirizzi email.

Il tipo di URL <input type="url"> è una casella di testo utilizzata appositamente per inserire indirizzi URL.

Il tipo tel <input type="tel"> è una casella di testo utilizzata appositamente per inserire i numeri di telefono.

Il tipo di ricerca <input type="search"> è una casella di testo utilizzata appositamente per inserire parole chiave di ricerca

Il tipo di colore <input type="color"> è una casella di testo impostata appositamente per il colore

Il tipo di numero <input type="numder"> è una casella di testo utilizzata appositamente per inserire valori numerici.

Il tipo di intervallo <input type="range"> viene utilizzato per fornire un intervallo di valori di input entro un determinato intervallo.

Il tipo di rosa della data <input type=date, Month, Week...> specifica il tipo di data e ora

L'attributo autofocus viene utilizzato per specificare se ottenere automaticamente il focus dopo il caricamento della pagina (nella casella di input)

L'attributo form può scrivere i sottoelementi nel modulo in qualsiasi punto della pagina. Devi solo impostare il valore dell'attributo form dell'elemento per questa specifica nel modulo.

L'attributo list specifica l'elemento datalist associato alla casella di input e il suo valore è l'id di un determinato elemento datalist.

L'attributo multiple specifica che la casella di input può selezionare più valori. Questo attributo è applicabile a e-mail (separati da virgole) e file (file).

Gli attributi min, max e step vengono utilizzati per specificare i limiti per i tipi di input contenenti numeri o date.

L'attributo pattern viene utilizzato per verificare se il contenuto immesso nella casella di input del tipo di input corrisponde all'espressione regolare definita P181

L'attributo segnaposto viene utilizzato per fornire informazioni rilevanti per la casella di input del tipo di input per descrivere ciò che la casella di input si aspetta che l'utente inserisca.

L'attributo obbligatorio viene utilizzato per determinare se l'input dell'utente nella casella di input del modulo è vuoto e all'utente non è consentito inviare il modulo.

selettore {float: valore attributo}

valori degli attributi comuni float

Selettore {cancella: valore attributo;}

left non consente etichette mobili a sinistra

right non consente etichette mobili a destra

entrambi i clear galleggiano su entrambi i lati contemporaneamente

etichetta vuota, galleggiante trasparente

Selettore {posizione: valore attributo;}

posizionamento automatico statico

Posizionamento relativo, posizionamento rispetto alla posizione del flusso di documenti originale

posizionamento assoluto, posizionato rispetto al tag genitore precedentemente posizionato

posizionamento fisso fisso, equivalente al posizionamento della finestra del browser

La modalità di posizionamento della posizione viene utilizzata solo per definire come viene posizionata l'etichetta e non può determinare la posizione specifica dell'etichetta.

L'offset superiore definisce la distanza dell'etichetta rispetto al bordo superiore dell'etichetta madre.

L'offset inferiore definisce la distanza dell'etichetta rispetto al bordo inferiore dell'etichetta madre.

leftL'offset sinistro definisce la distanza dell'etichetta rispetto alla linea sinistra della sua etichetta madre

l'offset in alto a destra definisce la distanza dell'etichetta rispetto alla linea destra dell'etichetta madre

Selettore {overflow: valore attributo;}

Il contenuto visibile non verrà tagliato e verrà visualizzato all'esterno della casella dell'etichetta

il contenuto di overflow nascosto verrà tagliato e il contenuto tagliato sarà invisibile

aoto genera barre di scorrimento quando necessario e si adatta al contenuto che deve essere visualizzato.

L'attributo z-index regola le posizioni superiore e inferiore

disposizione a colonna singola

nessunoSenza attributi si otterranno effetti eccessivi

tuttiTutti gli attributi ottengono effetti eccessivi

La proprietà definisce il nome della proprietà CSS che applica l'effetto eccessivo. Più nomi sono separati da virgole.

il tempo definisce la durata dell'effetto di transizione

Curva di velocità utilizzata per specificare l'effetto di transizione dell'attributo di transizione

lineare specifica un effetto di transizione che inizia e finisce alla stessa velocità, equivalente a cubic-bezier

facilità (impostazione predefinita) inizia lentamente, poi accelera e termina lentamente

Effetto di transizione facilitato che inizia lentamente e poi accelera gradualmente

effetto di transizione facilitato che termina a bassa velocità

effetto di transizione facilitato che inizia a bassa velocità e termina a bassa velocità

cubic-bezier definisce da solo la forma della curva di Bezier di accelerazione e decelerazione

Specifica l'ora di inizio dell'effetto di transizione

le funzioni di trasformazione vengono utilizzate per impostare la trasformazione

trasformazione: traduzione(x-... y-...) traduzione

trasformazione:scala(x-... y-...) scala

trasformazione:inclinazione(x-...y-...)inclinazione

trasformazione: rotazione(angolo)rotazione

Imposta l'origine della trasformazione del punto centrale: asse x, asse y, asse z

rotateX() consente all'elemento specificato di ruotare attorno all'asse X

rotateY() consente all'elemento specificato di ruotare attorno all'asse Y

rotateZ() consente all'elemento specificato di ruotare attorno all'asse Z

ruotato3d (xyz, angolo (angolo di rotazione)) impostazioni complete degli attributi

lineare specifica un effetto di transizione che inizia e termina alla stessa velocità

facilità (impostazione predefinita) inizia lentamente, poi accelera e termina lentamente

Effetto di transizione facilitato che inizia lentamente e poi accelera gradualmente

l'animazione di facilitazione termina a bassa velocità

effetto di transizione facilitato che inizia a bassa velocità e termina a bassa velocità

cubic-bezier (n,n,n,n) definisce da solo la forma della curva di Bezier di accelerazione e decelerazione