A partir html5 y css3 para dummies

categoría Computadoras y software / Programación / Html

La siguiente tabla contiene una lista de colores con nombre que puede utilizar en HTML y CSS código para crear un sitio web más colorido. Los colores se muestran con sus correspondientes valores hexcode RGB junto con una muestra de color representativo.

Conteúdo

Conozca sus elementos!
Css referencia de vivienda

	Nombre	Hexcode
	Aguamarina	# 00FFFF
	Negro	# 000000
	Azul	# 0000FF
	Fucsia	# FF00FF
	Color gris	# 808080
	Verde	# 008000
	Lima	# 00FF00
	Castaño	# 800000
	Armada	# 000080
	Aceituna	# 808000
	Morado	# 800080
	rojo	# FF0000
	Plata	# C0C0C0
	Teal	# 008080
	Color blanco	#FFFFFF
	Amarillo	# FFFF00

Conozca sus elementos!

Apareciendo en orden alfabético es una lista de todos los elementos de HTML5 contenidas en la actual especificación HTML5. Una breve descripción se incluye como una referencia rápida cuando se busca el elemento perfecto.

Elemento	Descripción
LA	Se utiliza para crear hipervínculos
Abbr	Utilice las abreviaturas
dirección	Información del contacto
Area	Hipervínculo en una imagen de mapa de
artículo *	Proporciona sección de formato para los elementos expositivos cortos como artículos, blogs, etc.
un lado*	Pieza ligeramente relacionado de contenido para la página de acogida
audio *	Se utiliza para agregar audio para la reproducción asociada a la página web
b	Texto en negrita
base	URL base
bdi *	Aislar de texto que podrían ser formateado en una dirección diferente de texto alrededor de ella
BDO	Se utiliza para especificar la dirección del texto
blockquote	Bloquear cita
cuerpo	Cuerpo del documento
br	Salto de línea
botón	Crea un botón.
lona *	Se utiliza para definir una región de la página en la que se puede producir el dibujo
subtítulo	Título de la Tabla
citar	Citado título de una obra
código	Fragmento de código
columna	Columna en una mesa
colgroup	Grupo de columnas de la tabla
comando *	Utilice para definir elementos de la GUI de usuario
lista de datos *	Se utiliza para crear una lista de entrada elementos para los menús desplegables
dd	Descripción
del	El texto eliminado
detalles *	Proporciona información adicional o controles a los usuarios sobre la demanda
dfn	Instancia Definición
div	Contenedor genérico
dl	Descripción lista
dt	Plazo o nombre
em	Énfasis
incrustar *	Enlaces a aplicación externa o contenido interactivo
fieldset	Controles de formulario relacionados
figcaption *	Proporcionar un título para un cifra elemento
cifra*	Contenido de flujo independiente element- puede ser estática o dinámica
pie de página *	Concluyendo la información de un documento sección
forma	Define una forma fácil de submittable
h1 - h6	Encabezamientos
cabeza	Contenedor para metadatos sobre los documentos, scripts y estilos
encabezado *	Encabezado por el documento
hgroup *	Grupo Encabezado
hr	Regla horizontal / ruptura temática
html	Elemento raíz
yo	El texto en cursiva
iframe	Contenido de la navegación anidada
img	Imagen
entrada	El control de entrada
ins	El texto insertado
kbd	La entrada del usuario
keygen *	Accesible al usuario el control para generar pares de claves para la seguridad o el cifrado
etiqueta	Leyenda para un control de formulario
leyenda	Leyenda explicativa
li	Elemento de la lista
enlace	Metadatos para la vinculación de documentos externos
mapa	Definir una imagen de mapa de
Marcos*	Marcar o resaltar una racha de texto en un documento, para referencia en otro documento
menú	Lista de comandos
meta	Metadatos
metros *	Definir un indicador visual para algún tipo de medida
nav *	Se utiliza para definir una barra de navegación o área en una página web
noscript	Definir el contenido que se mostrará en caso de que el script no puede ejecutarse
objeto	El contenido externo
ol	Lista ordenada
optgroup	Definir un grupo de opciones
salida *	Algún tipo de salida de cálculo script o llamada a la API
p	Párrafo
param	Se utiliza para proporcionar parámetros a plugins
pre	Texto preformateado
progreso *	Un medidor visual para la realización de tareas (barra de progreso)
q	Texto de la cita
rp *	Utilice para poner paréntesis alrededor anotaciones rubí
rt *	Se utiliza para marcar el texto de una anotación de ruby
rubí *	Utilice para anotar idiomas ideográficos como el chino o el japonés
s	Mark texto como eliminado, con la huelga a través de formato.
samp	Ejemplo de salida
guión	Guión Embedded
sección*	Documento genérico o sección de aplicación
seleccionar	Opción de control de formulario de selección
pequeña	Pequeño texto
fuente*	Se utiliza para especificar múltiples fuentes de audio y vídeo
lapso	Una envoltura texto genérico
fuerte	Texto adicional. Por lo general tiene el formato de negrita
estilo	Presentación de información, por lo general CSS
sub	Texto Subíndice
Resumen *	Resumen, leyenda, o leyenda para la entrada de datos de la información
cenar	Texto Superíndice
mesa	Mesa
tbody	Grupo de filas de la tabla
td	Tabla celular
textarea	Área de entrada de texto
tfoot	Grupo de filas de pie de página Tabla
º	Celda de encabezado la tabla
thead	Grupo de filas encabezado la tabla
hora*	Valor para la fecha y / u hora que representa
título	Titulo del documento
tr	Fila de la tabla
seguimiento *	Especifique una vía de comunicación complementario
u	Subrayar
ul	Lista desordenada
var	Se utiliza para especificar una variable matemática o de programación, o un marcador de posición
vídeo *	Se utiliza para reproducir contenido de vídeo en la página web
wbr *	Se utiliza para denotar posible punto de corte de línea de flujo de texto

* Nuevo en HTML5

CSS Referencia de vivienda

La siguiente tabla muestra las propiedades CSS que son compatibles con la mayoría de los navegadores de hoy en día, junto con sus valores permitidos. Algunas de estas propiedades son parte de las especificaciones de CSS3 y son todavía experimental, así que asegúrese de consultar con la puedo usar el sitio para la información más reciente sobre la compatibilidad con exploradores. (Para obtener ayuda sobre la lectura de la columna Valores de esta tabla, consulte el artículo "Una guía rápida al Valor CSS Definición de sintaxis" en maniqui.ru/extras/beginninghtml5css3.)

Nombre	Valores
animación	\|\| \|\| \|\| \|\| \|\| \|\|
animación de retardo
animación de dirección	normales \| alternativa \| revertir \| inversa alternativo
animación duración
-fill-mode animación	none \| forwards \| atrás \| ambas cosas
animación iteración recuento	infinita \|
animación nombre	none \|
por el estado de animación-play	correr \| detenido
animación-timing-function
cara posterior visibilidad	visible \| oculto
background-attachment	desplácese \| \| fijo heredar
fondo-clip	border-box \| padding-box \| el contenido de la caja \| heredar
color de fondo	\| heredar
imagen de fondo	\| none \| heredar
fondo-origen	border-box \| padding-box \| el contenido de la caja \| heredar
background-position	[[ \| \| left \| centro \| derecho ] [ \| \| top \| centro \| fondo ]? ] \| [[Left \| centro \| derecha] \|\| [Top \| centro \| abajo]] \| heredar
background-repeat	repetir \| repetir-x \| repeat-y \| no-repeat \| heredar
fondo de tamaño	\| \| auto \| cubrir \| contener
fondo	['Background-color' \|\| \|\| background-position 'Imagen de fondo' \|\| 'fondo repeticiones' \|\| 'background-attachment'] \| heredar
border-collapse	colapsar \| independiente \| heredar
color de la frontera	[ ] {1,4} \| heredar
border-image	none \|
border-image-inicio	['lados' \|\| "horizontal" \|\| "vertical" \|\| 'top' \|\| 'inferior' \|\| "derecho" \|\| 'left'] \| heredar
border-image-repeat	['type' \|\| "horizontal" \|\| "vertical" \|\| 'estiramiento' \|\| 'repetición' \|\| 'ronda'] \| heredar
border-image-fuente	none \|
border-image-slice	[ \| ] {1,4} llenar?
border-image-ancho	[ \| \| \| auto] {1,4}
border-radius	[ \| ] {1,4} [/ [ \| ] {1,4}]?
border-spacing	? \| heredar
estilo de borde	{1,4} \| heredar
border-top border-right border-left border-bottom	[\|\| \|\| border-top-color] \| heredar
border-top-color del borde derecho; color del borde inferior border-color-izquierda, el color	\| heredar
border-top-izquierda; radio border-top-derecha; radio border-bottom-izquierda; radio border-bottom-right; radio	[ \| ] {1,2}
al estilo frontera superior-borde derecho; estilo de estilo fondo frontera frontera izquierda; estilo	\| heredar
border-top-width border-right; ancho del borde inferior al ancho de la frontera-izquierda; ancho	\| heredar
border-width	{1,4} \| heredar
frontera	[\|\| \|\| border-top-color] \| heredar
fondo	\| \| auto \| heredar
box-shadow	none \| [inserción? [? ? ? ]] #
romper después	auto \| Siempre \| evitar \| left \| right \| página \| columna \| evitar la página \| evitar la columna
romper antes	auto \| Siempre \| evitar \| left \| right \| página \| columna \| evitar la página \| evitar la columna
del lado del subtítulo	top \| inferior \| heredar
claro	none \| left \| right \| tanto \| heredar
presilla	\| auto \| heredar
color	\| heredar
columnas	lt; 'column-width'> \|\| lt; 'column-count'>
column-count	\| auto
columna de relleno	auto \| equilibrio
columna-gap	\| normal
columna en reglas	lt; 'columna-regla-width'> \|\| lt; 'al estilo imperio columna'> \|\| lt; 'columna-regla-color'>
columna en reglas color
al estilo imperio columna	[ninguno \| escondido \| punteada \| discontinua \| sólidos \| doble \| surco \| canto \| inserción \| inicio] \| heredar
columna en reglas de ancho	\| [delgada \| medio \| gruesa]
columna de envergadura	none \| todo \| heredar
ancho de columna	\| auto
contenido	normales \| none \| [ \| \| \| attr () \| abrir-presupuesto \| close-quote \| no-open-quote \| no-close-quote] + \| heredar
counter-increment	[ ? ] + \| none \| heredar
counter-reset	[ ? ] + \| none \| heredar
cursor	[[ ,] * [Auto \| cruz \| default \| puntero \| mover \| e-cambio de tamaño \| ne-resize \| nw-resize \| n-cambio de tamaño \| se-resize \| sw-cambio de tamaño \| s-cambio de tamaño \| w-cambio de tamaño \| texto \| esperar \| ayudar \| progreso]] \| heredar
dirección	ltr \| rtl \| heredar
visualización	en línea \| bloquear \| list-item \| inline-block \| mesa \| inline-table \| table-row-group \| tabla-header-grupo \| tabla-pie de página del grupo \| table-row \| table-column-group \| table-column \| table-cell \| tabla-caption \| none \| heredar
-celdas vacías	mostrar \| Ocultar \| heredar
flotador	left \| right \| none \| heredar
Familia tipográfica	[[\| ] [, \| ] *] \| heredar
tamaño de fuente	\| \| \| \| heredar
Estilo de fuente	normales \| cursiva \| oblicua \| heredar
font-variant	normales \| small-caps \| heredar
font-weight	normales \| negrita \| más audaz \| más ligero \| 100 \| 200 \| 300 \| 400 \| 500 \| 600 \| 700 \| 800 \| 900 \| heredar
fuente	[['Font-style' \|\| 'Font-variant' \|\| 'font-weight']? 'font-size' [/ 'line-height']? font-family] \| subtítulo \| icono \| Menú \| mensaje-caja \| pequeña leyenda \| barra de estado \| heredar
altura	\| \| auto \| heredar
keyframes	[[De \| a \| ] [, Desde \| a \| ] * Bloque] *
izquierda	\| \| auto \| heredar
letter-spacing	normales \| \| heredar
altura de la línea	normales \| \| \| \| heredar
list-style-image	\| none \| heredar
list-style-posición	interior \| exterior \| heredar
-style-type lista	disco \| círculo \| cuadrado \| decimal \| decimal líder de cero \| menor-romano \| superior-romano \| menor griego \| menor-latino \| superior latino \| armenio \| georgiano \| menor-alfa \| superior-alfa \| none \| heredar
list-style	['-Style-type lista' \|\| 'List-style-position' \|\| list-style-imagen] \| heredar
margin-left margin-right	\| heredar
margin-top margin-bottom	\| heredar
margen	{1,4} \| heredar
Altura máxima	\| \| none \| heredar
anchura máxima	\| \| none \| heredar
min-height	\| \| heredar
min-width	\| \| heredar
opacidad	\| heredar
huérfanos	\| heredar
contorno color	\| invertir \| heredar
outline-style	\| heredar
esbozo de ancho	\| heredar
contorno	['Outline-color' \|\| 'Outline-style' \|\| esbozo de ancho] \| heredar
desbordamiento	visible \| escondido \| desplácese \| auto \| heredar
desbordamiento-wrap	normales \| romper palabra \| heredar
overflow-x	visible \| escondido \| desplácese \| auto \| heredar
desbordamiento-y	visible \| escondido \| desplácese \| auto \| heredar
padding-top padding-right-padding inferior padding-izquierda	\| heredar
relleno	{1,4} \| heredar
page-break-después	auto \| Siempre \| evitar \| left \| right \| heredar
page-break-antes	auto \| Siempre \| evitar \| left \| right \| heredar
page-break-inside	evitar \| auto \| heredar
perspectiva	none \|
perspectiva origen	[ \| \| left \| centro \| right \| top \| abajo] \| [[ \| \| left \| centro \| derecho ] [ \| \| top \| centro \| fondo ] ]
posición	estática \| relativa \| absoluto \| \| fijo heredar
citas	[ ] + \| none \| heredar
derecho	\| \| auto \| heredar
table-layout	auto \| \| fijo heredar
text-align	left \| right \| centro \| justificar \| heredar
text-decoration	none \| [Subrayar \|\| overline \|\| line-through \|\| parpadeará] \| heredar
guion de texto	\| \| heredar
text-transform	capitalizar \| mayúscula \| minúsculas \| none \| inherit
cima	\| \| auto \| heredar
transformar	none \| +
transformar-origen	[ \| \| left \| centro \| right \| top \| abajo] \| [[ \| \| left \| centro \| derecho ] [ \| \| top \| centro \| fondo ] ] ?
de estilo transformar	plana \| preservar-3d
transición	[Ninguno \| ] \|\| \|\| \|\|
transición de retardo
duración de la transición
transición-timing-function
transición de la propiedad	none \| # [',' #] *
unicode-bidi	normales \| incrustar \| bidi-override \| heredar
vertical-align	línea de base \| sub \| súper \| top \| texto-top \| media \| inferior \| text-bottom \| \| \| heredar
visibilidad	visible \| escondido \| colapsar \| heredar
espacio en blanco	normales \| pre \| nowrap \| pre-wrap \| pre-line \| inherit
viudas	\| heredar
ancho	\| \| auto \| heredar
word-spacing	normales \| \| heredar
z-index	auto \| \| heredar

Sobre el autor

Nueva html 5 elementos

A continuación se muestra una lista de todos los nuevos elementos propuestos para su introducción en la especificación de HTML5 en orden alfabético, con una breve descripción y una categoría de marcas asociadas.Elemento…

Atributos css seleccionados

Esta tabla muestra los atributos CSS más utilizados. Cada uno de estos atributos se pueden aplicar a cualquier elemento contenedor en una página. El recipiente puede ser un único elemento denotado por el atributo ID, un miembro de una clase, o…

La conversión de nombres de propiedades CSS para javascript

Puede convertir nombres de las propiedades CSS para javascript. Sin embargo, hay algunas cosas que usted debe recordar si usted planea en hacer esto. Al cambiar de estilos con javascript, hay un par de reglas simples:Si la propiedad CSS es…

javascript para los niños para los maniquíes

Las propiedades del fondo de las hojas de estilo en cascada (CSS)

Con las hojas de estilo en cascada (CSS), puede aplicar propiedades de fondo para una serie de diferentes objetos en una página web, incluyendo toda la página, una capa de concreto, una tabla, una celda de tabla, e incluso texto.color de fondo: Un…

Box y fronterizas propiedades de las hojas de estilo en cascada (CSS)

Con las propiedades del cuadro, puede colocar objetos labrados en cualquier parte de una ventana del navegador, la posición de los objetos en relación con los demás objetos de la página, y aplicar las reglas de relleno y estilo de cuadro margen…

Css3 para dummies

CSS3 ofrece acceso a una amplia variedad de selectores que se utilizan para identificar qué elemento para dar formato en una página. Un selector define qué Formato- el estilo define cómo dar formato a ella. Sin embargo, es fácil entrar en la…

Propiedades CSS3

Algunas propiedades CSS3 son raramente utilizadas- muchos otros se utilizan con la frecuencia suficiente que los desarrolladores deben saber acerca de ellos. Propiedades y sus valores asociados son la base del formato de llevar a cabo utilizando…

Cómo aplicar el efecto de la frontera de radio css3

El efecto CSS3 border-radius define esquinas redondeadas. Y, es necesario utilizar prefijos específicas del navegador cuando se define un radio de frontera. Aquí algunas reglas para la definición de un radio de frontera:No se puede aplicar un…

Cómo crear un borde alrededor de una imagen en css3

Uno de los cambios más comunes que puede realizar en una imagen en CSS3 es añadir una frontera. Esto pone en marcha la imagen del otro contenido en la página. Por supuesto, CSS3 ofrece una amplia gama de tipos de fronteras. El truco es conseguir…

Cómo modificar los diseños en css3

Vale la pena probar algunos de los diseños de CSS3 para ver lo que quieres hacer con ellos antes de empezar a crear un proyecto de producción. Copie el código fuente del ejemplo en el sitio Dynamic Drive y colocarlo en archivos como espera…

Cómo colocar gráficos en sitios css3

En esencia, a los gráficos de posición en sitios CSS3 se utiliza la combinación de las propiedades de fondo izquierda, derecha, arriba, y para proporcionar un posicionamiento básico. Afinando la posición implica el uso de las propiedades de…

maniqui-es.com » Computadoras y software » Programación » Html » A partir html5 y css3 para dummies