resumen de etiquetas CSS
Atributo de fuente: (fuente)
Tamaño: tamaño de fuente: x-large; (extra grande) xx-small; (muy pequeño) Generalmente no se usa en chino, siempre que se use el valor, unidad: PX,
estilo PD : fuente -estilo: oblicuo; (cursiva) cursiva; (cursiva) normal; (normal)
altura de línea: altura de línea: normal; (normal) Unidad: PX, PD, EM
Grosor: fuente-peso: negrita; (negrita) más claro; (Buena) normal; (normal)
variante: variante de fuente: minúsculas; (mayúsculas minúsculas) normal; (normal)
mayúscula: text-transform: mayúscula; (mayúscula inicial) mayúscula; (mayúscula) minúscula; (minúscula) ) ninguno; (no)
decoración: texto-decoración: subrayado; (subrayado) sobrelínea; (línea superior) línea continua; (tachado) parpadeo; (parpadeando)
fuente común: (familia de fuentes) "Courier New", Courier, monoespacio , "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana
atributos de fondo: (fondo)
color: fondo-color: #FFFFFF;
imagen: fondo-imagen: url ();
Repetir: ackground-repeat: no-repeat;
scroll: ackground-adjunto: fijo; (fijo) scroll; (scroll)
posición: ackground-position: izquierda (horizontal) arriba (vertical);
método abreviado: background: # 000 url ( ...) repetir arriba fijo a la izquierda;
Atributos del bloque: (Bloque)
Espaciado de palabras: etter-spacing: normal;
Alineación de valores : xt-align: justify; (justificado en ambos extremos) left; (justificado a la izquierda) right; (justificado en la derecha) centro;
sangría (centrada) : ext-indent: valor px;
alineación vertical: ertical-align: línea de base; (línea de base) sub; (subíndice) super; (subíndice) arriba; texto-arriba; medio; abajo; texto - parte inferior;
espaciado de palabras: ord-spacing: normal; value
space: hite-space: pre; (reservado) nowrap; (sin salto de línea)
Pantalla: isplay: block; (block) inline; (inline) list-item; (list item) run-in; (parte adicional) compact; (compact) marcador; (mark) table; inline-table; table-raw - group; table-header-group; table-footer-group; table-raw; table-column-group; table-column; table-cell; table-caption; (título de la tabla)
atributos del cuadro: (Cuadro)
ancho:; alto :; flotante :; claro: ambos; margen :; relleno :; Orden:
borde superior derecho inferior izquierdo atributos: (Borde)
estilo de borde: punteado (línea punteada); discontinuo (línea discontinua); sólido (línea continua); doble (línea doble); surco (línea de surco); cresta; (cresta) inserto; (cóncavo) inicial;
ancho de borde :; ancho de
borde color de borde: #;
método abreviado borde: ancho de estilo de color;
propiedades de lista: (Lista- estilo)
tipo: lista-estilo-tipo: disco; (punto) círculo; (círculo) cuadrado; (cuadrado) decimal; (número) romana inferior; (número de código Luo pequeño) romana superior; alfa inferior; superior alfa;
Posición: ist-style-position: outside; (外) inside;
Imagen: ist-style-image: url (…);
Atributo de posicionamiento: (Posición)
Posición: absoluta; relativa; estática;
visibilidad: heredada; visible; oculta;
overflow: visible; hidden; scroll; auto;
clip: rect (12px, auto, 12px, auto) (corte) enciclopedia del código de atributo css
一 atributo de texto CSS:
color: # 999999; / color del texto /
font-family: Song Ti, sans-serif; / fuente de texto /
tamaño de fuente: 9pt; / tamaño de texto /
estilo de fuente: itelic; / cursiva de texto /
variante de fuente: minúsculas; / letra pequeña /
espaciado de letras: 1pt; / entre caracteres /
altura de línea: 200%; / establecer altura de línea/
font-weight: bold; / text bold /
vertical-align: sub; / subcript word /
vertical-align: super; / superscript word /
text-decoration: line-through; / tachado /
text-decoration: overline; / agregar línea superior /
decoración de texto: subrayado; / agregar subrayado /
decoración de texto: ninguno; / eliminar subrayado de enlace /
transformación de texto: capitalizar; / primera palabra en mayúscula /
transformación de texto: mayúscula; / mayúscula en inglés /
transformación de texto: minúscula ; / Inglés minúsculas /
text-align: right; / text-align right /
text-align: left; /Alinear el texto a la izquierda /
text-align: center; / alinear el texto en el centro /
text-align: justify; / alineación del texto Dispersar /
vertical-align propiedad
vertical-align: top; / align verticalmente hacia arriba /
vertical-align : parte inferior; / alineación vertical inferior /
vertical-align: media; / alineación central vertical /
vertical-align: text-top; / texto alineación vertical hacia arriba /
vertical-align: text-inferior; / de texto hacia abajo de alineación vertical /
dos, CSS border blank
padding- top: 10px; / Déjelo en blanco en el borde superior /
padding-right: 10px; / Déjelo en blanco en el borde derecho /
padding-bottom: 10px; / Déjelo en blanco en el borde inferior /
padding-left: 10px; /Deje el borde izquierdo en blanco /
atributos símbolo 3. CSS:
list-style-type: none; / n numeración /
list-style-type: decimal; / números árabes /
list-style-type: de menor romano; / lower- caso números romanos /
tipo de estilo de lista: alfabeto romano superior; / números romanos en mayúscula /
tipo de estilo de lista: alfa inferior; / letras en inglés en minúsculas /
tipo de estilo de lista: alfa superior; / letras en inglés en mayúsculas /
lista- estilo-tipo: disco; / símbolo de círculo relleno /
lista-estilo-tipo: círculo; / símbolo de círculo hueco /
lista-estilo-tipo: cuadrado; / símbolo de cuadrado relleno /
lista-estilo-imagen: url (/dot.gif) ; / Símbolos similares a imágenes /
lista-estilo-posición: exterior; / convexo /
lista-estilo-posición: interior; / sangría /
cuatro, estilo de fondo CSS:
color de fondo: # F5E2EC; / color de
fondo / fondo: transparente; / fondo de perspectiva / imagen de
fondo : url (/image/bg.gif); / imagen de fondo /
fondo-adjunto: fijo; / marca de agua fija fondo /
fondo-repetir: repetir; / repetir arreglo-web predeterminado /
fondo-repetir: no repetir; / No repetir el arreglo /
background-repeat: repeat-x; / repetir el arreglo en el eje x /
background-repeat: repeat-y; / repetir el arreglo en el eje y /
especificar la posición del fondo
posición de fondo: 90% 90%; / imagen de fondo posición de los ejes xey / posición de
fondo: arriba; / alinear arriba /
posición de fondo: botón; / alinear abajo /
posición de fondo: izquierda; / alinear a la izquierda /
fondo -posición: derecha; / alineación derecha /
fondo-posición: centro; / alineación central /
5. Atributos de conexión CSS:
a / todos los hipervínculos /
a: enlace / formato de texto de hipervínculo /
a: visitado / visto Formato de texto del enlace /
a: activo / presionar formato de enlace /
a: desplazarse / mouse para vincular /
estilo del cursor del mouse:
vincular dedo CURSOR: mano
Cursor en cruz:
flecha en forma de cruz apuntando hacia abajo cursor: s-redimensionar
flecha en cruz cursor: mover flecha apuntando hacia la
derecha cursor: mover
más un signo de interrogación cursor: flecha de ayuda apuntando hacia la
izquierda cursor:
flecha de cambio de tamaño w apuntando hacia arriba cursor:
flecha de n-cambio de tamaño apuntando hacia arriba cursor:
flecha ne-redimensionar hacia la parte superior izquierda cursor: nw-redimensionar
texto tipo I cursor:
flecha de texto diagonal inferior derecha cursor: se-redimensionar
flecha diagonal inferior izquierda cursor: sw-redimensionar
cursor de embudo: esperar
patrón de cursor (IE6) p (cursor : url ("Cursor file name.cur"), text;}
6. Lista de líneas de borde CSS:
border-top: 1px solid # 6699cc; / upper border /
border-bottom: 1px solid # 6699cc; / lower border /
border -izquierda: 1px sólido # 6699cc; / línea del marco izquierdo /
borde-derecho: 1px sólido # 6699cc; / línea del marco derecho/ Lo
anterior es la forma de escritura recomendada, pero también puede utilizar la forma convencional de la siguiente manera:
border-top-color: # 369 / Establecer el color superior de la línea del borde superior /
border-top-width: 1px / Establecer el ancho del borde superior superior /
borde-estilo superior: sólido / establecer el estilo superior de la línea del marco superior /
otros estilos de línea del marco
sólido / marco sólido /
punteado / marco discontinuo / marco de alambre
doble / doble /
ranura / tridimensional marco convexo interno /
cresta / marco en relieve tridimensional /
recuadro / marco cóncavo /
inicio / marco elevado /
Siete, uso de formulario CSS: botón de
cuadro de texto
botón
de
selección de casilla de verificación cuadro
de texto de varias líneas
menú desplegable opción 1 opción 2
8. Estilo de borde CSS:
margin-top: 10px; / borde superior /
margin-right: 10px; / valor del borde derecho /
margin-bottom: 10px; / valor del borde inferior /
margin-left: 10px; / valor del borde izquierdo /
CSS Atributos: Estilo de fuente (Estilo de fuente)
número de serie Descripción en chino Sintaxis de la marca
1 Estilo de fuente {fuente: estilo de fuente fuente-variante peso de fuente tamaño de fuente tamaño de fuente familia
de fuentes } 2 Tipo de fuente {familia de fuentes: "fuente 1", " fuente 2 ”,” fuente 3 ”,…}
3 Tamaño de fuente {tamaño de fuente: valor numérico | heredar | mediano | grande | mayor | x-grande | xx-grande | pequeño | más pequeño | x-pequeño | xx-pequeño}
4 estilo de fuente {estilo de fuente: heredado | cursiva | normal | oblicuo}
5 peso de fuente {peso de fuente: 100-900 | negrita | negrita | más claro | normal;}
6 color de fuente {color: valor numérico;}
7 color de sombra {texto-sombra: valor de color de 16 bits}
8 Altura de línea de fuente {altura de línea: valor numérico | heredar | normal;}
9 espaciado de palabras {espaciado de letras: valor numérico | heredar | normal}
10 espaciado de palabras {espaciado de palabras: valor numérico | heredar | normal}
11 deformación de la fuente {variante de fuente: heredar | normal | cps pequeño}
12 conversión en inglés {transformación de texto: heredar | ninguna | mayúscula | mayúscula | minúscula}
13 deformación de fuente {tamaño de fuente-ajustar: heredar | ninguna}
14 palabras {fuente- estirar: condensado | expandido | extra-condensado | extra- expandido | heredado | estrecho | normal | semi-condensado | semi-expandido | ultra-condensado | ultra-expandido | más ancho}
estilos de texto (estilo de texto)
No. Sintaxis de etiquetas de descripción en chino
1 interlineado {altura de línea: valor numérico | heredar | normal;}
2 decoración de texto {decoración de texto: heredar | ninguna | subrayado | sobrelineado | línea continua | parpadeo}
3 espacios al principio del párrafo {sangría de texto: valor numérico | heredar}
4 Alineación horizontal {text-align: left | right | center | justify}
5 Alineación vertical {vertical-align: heredar | top | bottom | text-top | text-bottom | baseline | middle | sub | super}
6 Estilo de escritura { modo de escritura: lr-tb | tb-rl}
estilo de fondo
número de serie descripción en chino marca sintaxis
1 color de fondo {color de fondo: número}
2 imagen de fondo {imagen de fondo: url (URL) | ninguno}
3 repetición de fondo {fondo - repetir: heredar | no repetir | repetir | repetir-x | repetir-y}
4 fondo fijo {adjunto de fondo: fijo | desplazamiento}
5 posicionamiento de fondo {posición de fondo: número | arriba | abajo | izquierda | derecha | centro }
6 vista de estilo Volver {background: color de fondo | imagen de fondo | fondo de repetición | fondo apego | posición de fondo}
del cuadro de estilo (Style Box)
número de serie Descripción chino marca de sintaxis
1 espacio de margen {margin: margin-top margin-right margin-bottom margin -left}
2 Padding {padding: padding-top padding-right padding-bottom padding-left}
3 Ancho del borde {border-width: border-top-width border-right-width border-bottom-width border-left-width}
valor de ancho: delgado | medio | grueso | número
4 color del borde {color del borde: numérico numérico numérico numérico valor numérico numérico} valores numéricos: representan los valores de color superior, derecho, inferior e izquierdo respectivamente
5 estilo de borde {estilo del borde: ninguno | oculto | heredar | discontinuo | sólido | doble | recuadro | principio | cresta | surco}
6 borde {borde: color de estilo de borde de ancho de borde}
borde superior {borde superior: color de estilo de borde de borde superior ancho}
borde derecho { border-right: border-right-width border-style color}
Borde inferior {border-bottom: border-bottom-width border-style color}
Borde izquierdo {border-left: border-left-width color de estilo de borde}
7 ancho {ancho: largo | porcentaje | automático}
8 Altura {altura: número | auto}
9 Flotante {flotación: izquierda | derecha | ninguna}
10 Borrar {borrar: ninguna | izquierda | derecha | ambos}
lista de categorías
número de serie descripción en chino sintaxis
1 control pantalla {pantalla: ninguna | bloque | inline | list-item}
2 Control de espacios en blanco {white-space: normal | pre | nowarp}
3 Lista de símbolos {list-style-type: disc | circle | square | decimal | lower-roman | upper-roman | lower- alpha | upper-alpha | none}
4 Lista gráfica {list-style-image: URL}
5 Lista de ubicaciones {list-style-position: inside | outside}
6 Lista de directorios {list-style: Tipo de estilo de catálogo | Ubicación de estilo de catálogo | url}
7 Forma del mouse {cursor: mano | cruz | texto | esperar | mover | ayuda | e-resize | nw-resize | w-resize | s-resize | se-resize | sw-resize}
ajuste de texto controla el ajuste de línea. Cuando se utiliza la palabra de corte, se forzará el salto de línea. No hay problema en chino y no hay problema en oraciones en inglés. Pero para cadenas largas de inglés, no funciona. Break-word controla si se deben romper las palabras. Normal es el valor predeterminado y las palabras en inglés no se dividen. romper todo, es una palabra de descanso. Cuando la palabra alcanza el límite, la siguiente letra pasa automáticamente a la siguiente línea. Resuelve principalmente el problema de las cadenas largas de inglés. Mantener todo se refiere a las palabras de mantener todo en chino, japonés y coreano. Es decir, solo en este momento, sin ajuste de palabras, los chinos no se ajustarán. (Las oraciones en inglés son normales.) Bajo ie: use word-wrap: break-word, todo es normal. ff: Si no se utilizan estos dos, no habrá problemas en chino. No hay problema con las oraciones en inglés. Sin embargo, las cadenas largas de inglés pueden causar problemas. Para resolver cadenas largas de inglés, generalmente se usa word-wrap: break-word; word-break: break-all; Sin embargo, este método hará que las palabras en oraciones en inglés común se rompan (también en IE). El principal problema actualmente radica en la desconexión de largas cadenas de palabras en inglés y en inglés. De hecho, la cadena larga de inglés es solo una palabra relativamente larga. Es decir, ¿deberían romperse las palabras en inglés? El problema es obvio y, obviamente, no debería desconectarse. Para cadenas largas de inglés, es malicioso, por lo que, naturalmente, no necesita preocuparse por ello. Sin embargo, debemos pensar en alguna forma de evitar que se expanda el contenedor. Use: overflow: auto; es decir, las cadenas largas se ajustarán automáticamente. Debajo de ff, se cubrirá la cuerda larga. Entonces, en resumen, la mejor manera es ajustar palabra: romper-palabra; desbordar: oculto; en lugar de ajustar palabra: romper-palabra; palabra-romper: romper-todo ;.