Cómo crear estilos de identificación en las hojas de estilo en cascada (css)

Un Identificación estilo es una especie de híbrido hoja de estilo en cascada (CSS) regla de estilo que combina ciertos elementos de los dos estilos de clases personalizadas y redefinir la etiqueta. Con un estilo de identificación, las declaraciones definidas en ese estilo se aplican automáticamente a cualquier objeto en la página que tiene una carné de identidad atributo que coincida con el carné de identidad nombre en el estilo de identificación.

Para el estilo de un objeto con una carné de identidad atributo, debe primero crear un selector que incluye el símbolo de número (#) Seguido por el carné de identidad nombre, como #sidebar, y luego añadir tantas declaraciones al estilo como se desee, como en el siguiente ejemplo:

#sidebar {border: 1px # discontinua cad0d6 margen: 0px 0px 0px 1px; padding: 10px;}

Después de crear su estilo en el CSS, añadir el carné de identidad atributo y el estilo valor de nombre a la etiqueta de apertura del objeto u otra etiqueta de contenedor HTML que utiliza el estilo, como en. La etiqueta es un recipiente a nivel de bloque. Típicamente, las etiquetas a nivel de bloque contienen elementos en línea y otros elementos a nivel de bloque.

Para ilustrar esta idea, suponer que usted tiene una capa en su página (usando la etiqueta) que contiene un encabezado que dice “palomitas Makers” y debajo de ella una lista de cinco marcas diferentes de palomitas de maíz para la venta.

Video: CSS en KompoZer

Cuando le das a la capa de un atributo ID de popcornmakers, utilizando la sintaxis id =”popcornmakers”, y crear un estilo utilizando la sintaxis #popcornmakers, que el estilo de ID se aplica automáticamente a la capa.

He aquí un ejemplo de cómo este estilo ID está escrito en el CSS:

#popcornmakers {font-family: Georgia, "Times New Roman", Times, serif-background-color: # FFC-frontera: # 039-sólida posición 1px: absoluta-width: 330px; altura: 180px; z-index: 1-left: 50px; top: 50px; padding: 10px;}

Y esto es lo que el código HTML siguiente aspecto:

id ="popcornmakers"gt;
Máquina para hacer palomitas
Presto aire caliente palomitas de maíz
Clásico palomitas de maíz
Fabricante de las palomitas retro
West Bend Artículos para hacer palomitas de maíz
Cuisinart EasyPop hacer palomitas de maíz

Al igual que el selector de etiquetas redefinen, que cambia automáticamente la forma contenidos rodeadas de una etiqueta en particular aparecen, en cualquier momento que un nombre de estilo utiliza el #carné de identidad sintaxis, la definición de estilo se aplica automáticamente al objeto con la coincidencia carné de identidad atributo.