Cómo definir las clases de programación html5 y css3
Video: Curso Basico de CSS desde 0 - Introduccion
Se puede aplicar fácilmente un estilo de todos los elementos de un tipo determinado en una página HTML 5, pero a veces es posible que desee tener un control más estricto de sus estilos. Por ejemplo, es posible que desee tener más de un estilo de párrafo. A modo de ejemplo, véase la página classes.html.
Una vez más, múltiples formatos están en esta página:
Las preguntas tienen una gran sans serif cursiva. Hay más de una pregunta.
Las respuestas son más pequeños, azul, y en una fuente cursiva. Hay más de una respuesta, también.
Preguntas y respuestas son todos los párrafos, por lo que no pueden simplemente el estilo de párrafo porque necesita dos estilos distintos. Hay más de una pregunta y más de una respuesta, así que el truco de identificación sería problemático. Dos elementos diferentes no pueden tener la misma ID. Aquí es donde la noción de clases entra en juego. Cada ID pertenece a un solo elemento, pero muchos elementos pueden compartir la misma clase.
Cómo agregar clases a la página
CSS permite definir clases en el código HTML y hacer que las definiciones de estilo que se aplican a través de una clase. Funciona así:
Añade el clase atribuir a sus preguntas HTML.
A diferencia de Identificación, varios elementos pueden compartir la misma clase. Configuración de la clase de pregunta indica que estos párrafos serán labrados en forma de preguntas:
¿Qué tipo de vaca vive en el Ártico?
Añadir atributos de clase similares a las respuestas mediante el establecimiento de la clase de las respuestas a responder:
Un Eskimoo!
Ahora usted tiene dos subclases diferentes de párrafo: pregunta y responder.
Crear un estilo de clase para las preguntas.
Video: Maquetación de Sitios Web con CSS· y HTML5
El estilo de clase se define en el CSS. Especificar una clase con el punto (.) Antes del nombre de la clase. Las clases se definen en CSS como esto:
Utilización de las clases
Aquí está el código de la página, que muestra cómo utilizar las clases CSS:
classes.html Bromas favoritos
¿Qué tipo de vaca vive en el Ártico?
Un Eskimoo!
Lo que va en la parte superior de una casa de perro?
El tejido!
A veces ves selectores, al igual
p.fancy
que incluyen tanto un elemento y un nombre de clase. Este estilo se aplica sólo a los párrafos con la clase adjunto. En general, las clases son grandes, ya que se pueden aplicar a todo tipo de cosas, lo que puede dejar el nombre del elemento a cabo para que el estilo como reutilizable como sea posible.
la combinación de clases
Un elemento puede usar más de una clase.
Los párrafos parecen estar en tres estilos diferentes, pero sólo el rojo y el guión se definen. El tercer párrafo utiliza ambas clases. Aquí está el código:
redScript.html múltiples Clases
Este párrafo se utiliza la clase roja
Este párrafo se utiliza la clase guión
Este párrafo usa ambas clases
La hoja de estilo introduce dos clases. los rojo clase hace que el rojo el párrafo (bueno, texto blanco con un fondo rojo), y el guión clase, se aplica una fuente cursiva al elemento.
Los dos primeros párrafos tienen cada uno una clase, y las clases actúan como era de esperar. La parte interesante es el tercer párrafo, ya que tiene dos clases.
Ambos estilos se aplicarán al elemento en el orden en que están escritos. Tenga en cuenta que los dos nombres de clase se producen dentro de las citas y no se necesitan comas (o permite). Se puede aplicar más de dos clases a un elemento si lo desea. Si las clases tienen reglas en conflicto (por ejemplo uno hace que el elemento verde y el siguiente hace que sea azul), la última clase en la lista se sobreponen a los valores anteriores.
Un elemento puede también tener un ID. El estilo de identificación, el estilo elemento, y todos los estilos de clase se tienen en cuenta cuando el navegador intenta mostrar el objeto.
Por lo general, es mejor para nombrar las clases en función de su significado (como mainBackgroundColor). Usted puede decidir que el verde es mejor que el rojo, por lo que o bien tienen que cambiar el nombre de la clase o tiene que tener una rojo clase que coloreaba las cosas verdes. Eso sería raro.