Compilación del lenguaje CSS
Atributo de fuente: (fuente)
Tamaño {font-size: x-large;} (extragrande) xx-small (muy pequeño; ) Chino general No se puede usar, solo use valores numéricos, unidad: PX, PD
Estilo {font-style: oblique;}(oblique) cursiva (cursiva) normal (normal)
Estilo {font-style: negrita y delgada {font-weight: negrita;} (negrita) más claro; (delgada) normal; (normal)
Variable {font-variant: minúsculas; } (minúscula) normal; (normal)
Caso {text-transform: capitalize;} (primera letra en mayúscula) mayúscula; (mayúscula) minúscula; (minúscula) ninguna; p>Modificador {text-decoration: underline;} (subrayado) subrayado; (subrayado) recorrido; (tachado) flash; (flash)
Fuentes de uso común: (font-family)
"Courier New", Courier, monoespacio, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana
Atributo de fondo: (fondo)
Color {fondo -color: #FFFFFF;}
Imagen {fondo-imagen: url();}
Repetir {fondo-repeat: no-repeat;}
p>
Desplazamiento {fondo- adjunto: fijo;} (fijo) desplazamiento (desplazamiento)
Posición {fondo-posición: izquierda;} (horizontal) arriba (vertical);
Atajo {fondo: #000 url(...) repetir fijo arriba a la izquierda;}/*Atajo: esto aparece a menudo al leer el código, estudie detenidamente*/
Atributo de bloque (Bloque) / *Esta es la primera vez que reconozco este atributo, estúdielo con frecuencia*/
Espaciado entre palabras {letter-spacing: normal;}Numérico /*¡Este atributo parece ser muy útil! (Bloque) /*Esta propiedad es nueva para mí, así que necesito practicar más*
Alineación {text-align:justify;}(Alinear termina) izquierda;(Alinear a la izquierda) derecha;(Alinear a la derecha ) centro; (Centro)
Sangría {text-indent: numeric px;}
Alineación vertical {vertical-align.baseline;}(línea base) sub;(subíndice) super ; (subíndice) arriba; texto-arriba; medio; texto-abajo;
Espaciado entre palabras: normal;
ic
Espacio espacio en blanco: pre; (reservado) nowrap; (sin saltos de línea)
display {display: block;} (bloque) inline (en línea) elemento de lista; ;(elemento de lista) ejecución;(añadir sección) compacto;(compacto) marcador;(marcador) tabla; tabla-grupo-en bruto; raw; table-column-group; table-column; table-caption; /*El atributo de visualización es ambiguo*
Atributo de caja: (Box)
ancho: ; altura:; flotador:; claro: ambos; margen:; relleno: orden: arriba-derecha-abajo-izquierda
Atributo de borde: (Borde)
estilo de borde: punteado ; (línea de puntos) discontinua; (línea de puntos) inicio; (línea doble) cresta; (línea de puntos) borde; - ancho
color del borde: #;
Borde de acceso directo: color de estilo de ancho; /*atajo**/
Atributo de lista: (estilo de lista)
Tipo de estilo de lista: disco; (punto) círculo; (círculo) cuadrado; (cuadrado) decimal; (número romano pequeño) alfa inferior;
Posición lista-estilo-posición: afuera; (afuera) adentro
Imagen lista-estilo-image.url(...)
Atributos de posicionamiento: (Posición)
Posición: absoluta; estática;
visibilidad: heredar; oculta
desbordamiento; ; auto;
clip: rect(12px, auto, 12px, auto) (recorte)
Manual de código de propiedad CSS
Una propiedad de texto CSS:
p>color: #99999999; /*color de texto*/
familia de fuentes: Dinastía Song, sans serif /*fuente de texto**
tamaño de fuente : 9pt; /*tamaño del texto**
fuente
-estilo: cursiva; /* texto en cursiva**/
variante de fuente: minúsculas; /* fuente pequeña*/
espaciado entre letras: 1 punto /* distancia entre palabras*/
altura de línea:
peso de fuente: negrita; /* texto-negrita**
alineación vertical: sub; * fuente de subíndice*/
alineación vertical: super; * fuente de superíndice*/
decoración de texto: línea completa /* más tachado /*
decoración de texto: sobrelínea; /* más línea superior /*
decoración de texto:
decoración de texto: sobrelínea; Subrayado**
text-decoration: none; /*Eliminar enlace subrayado**
text-transform: capitalize /*Primera palabra en mayúscula**
text- transform: mayúsculas /*inglés mayúsculas*/
text-transform: minúsculas; /*inglés minúsculas*/
text-align: right /*Alineación derecha del texto* /
text-align: left; /*Texto alineado a la izquierda*/
text-align: center /*El texto está centrado*/
texto -align: justificar; /*Alineación de expansión de texto*/
atributo de alineación vertical
vertical-align: top /*Alineación vertical hacia arriba*/
alineación vertical: abajo; /*Alinear verticalmente hacia abajo*/
alineación vertical: medio /*Centrado vertical*/
alineación vertical: texto-superior; está alineado verticalmente hacia arriba*/
vertical-align: text-top /*El texto está alineado verticalmente hacia arriba**
vertical-align: text- inferior /*Alinear el texto verticalmente hacia abajo*/
2. Margen del borde CSS
1: Margen del borde CSS
padding-top: 10px / *Dejar; el borde superior en blanco*/
padding-right: 10px /*Deja el borde derecho en blanco*/
padding-bottom: 10px /*Deja el borde inferior en blanco*/;
padding-left: 10px; /*Deje el borde izquierdo en blanco
Tres atributos de símbolo CSS:
list -style-type: none /* Sin numerar; */
list -style-type: decimal /*Números arábigos**/
list-style-t;
ype: lower-roman; /*números romanos en minúscula**/
list-style-type: lower-roman; /*números romanos en mayúscula**/
list -style- tipo: letras minúsculas**/
tipo-estilo de lista: alfa superior; /*letras mayúsculas**/
tipo-estilo-de lista: disco /*círculo sólido; Símbolo de forma**/
list-style-type: círculo /*Símbolo de círculo hueco**/
list-style-type: cuadrado /*Símbolo de cuadrado sólido* * /
list-style-image: url(/dot.gif); /*Símbolo de estilo de imagen**/
list-style-position: outside /*convexo* /
list-style-position: inside; /*indent*/
4. Estilo de fondo CSS:
color de fondo: #F5E2EC / *Background; color*/
fondo: transparente; /*Fondo transparente**/
imagen-de fondo: url(/image/bg.gif); /p>
fondo-adjunto: fijo; /*Marca de agua flotante fondo fijo*
repetir-x; /*Repetir en el eje x*/
fondo-repetir : repetir-y; /*Repetir en el eje y*/
Especificar la posición del fondo
background-position: 90 90 /*La imagen de fondo está en el eje x; posición del eje y del eje y*/
posición de fondo: arriba /*alinear hacia arriba*/
posición de fondo: botón /*alinear hacia abajo*/
posición-fondo: izquierda; /*Alinear a la izquierda*/
posición-fondo
posición-fondo: derecha /*Alinear a la derecha**/
posición de fondo: centro; /*alineado en el centro**/
Propiedades del enlace V.CSS:
a /* todos los hipervínculos**/ p>
a: enlace /* Formato de texto del hipervínculo**/
a: visitado /* Formato de texto del enlace visto**/
a: visitado /* Visto formato de texto del enlace**/
a.visited /*Formato de texto del enlace visto**/
a:activo /*Formato del enlace presionado**/
a :hover /*Mouse sobre el enlace**/
Estilos de cursor del mouse:
CURSOR de dedo de enlace: mano
cursor de fuente cruzada.
Cursor con flecha apuntando hacia abajo: s-resize
Cursor con flecha apuntando hacia la derecha: mover
Cursor con flecha apuntando hacia la derecha: mover
Cursor con un signo de interrogación: ayuda
Flecha cursor izquierda: w-resize