HTML y CSS


CSS Glosario

Comentarios 
Los comentarios de CSS cumplen el mismo propósito que en otros lenguajes, y a menudo son usados para organizar archivos CSS de gran tamaño y difíciles de manejar.
Ejemplo
// Este es un comentario CSS de una sola línea.
/* Este es un comentario CSS de
varias líneas líneas. */
Margen 
Especifica el espacio entre una caja de contenido y las cajas a sualrededor. Aquí, el div con id 'box' tendrá 10px de margen superior e inferior, y 5px de margen izquierdo y derecho.
Ejemplo
#box {
margin: 10px 5px 10px 5px;
}
Muestra propiedad 
Una de las propiedades más cruciales de la distribución del la página es la propiedad display. Esta propiedad determina cómo encaja un elemento en el flujo de la página.
Ejemplo
#nav {
display: inline-block;
}Propiedades 
Las propiedades de CSS son atributos de estilo que pertenecen a un elemento en la página. Cada propiedad tiene un valor. Aquí, 'color' es la propiedad a la que le estamos aplicando el estilo, y 'red' es el valor que le aplicamos
Ejemplo
h1 {
color: red;
}
Pseudo elementos 
Las pseudoclases de CSS son usadas como modificadores en los selectores normales. La pseudoclase máscomún es ':hover'. Aquí, todas las etiquetas de anclaje cambiarán de color cuando se les pase el cursor por encima. Otras pseudoclases comunes son :link, :visited, :active, y :focus.
Ejemplo
a:hover {
color: #000;
}
Relleno 
Especifica el espacio entre una caja de contenido (por ejemplo, div, span) y su contenido. Aquí, el div con id 'box' tendrá 10px de relleno a su alrededor.
Ejemplo
#box {padding: 10px;
}




Selector comodín 
El selector de comodín, indicado con un asterisco (*) es el selector que identifica cualquier tipo de elemento. Uno de sus mejores usos es la creación de un selector con un espacio entre niveles, como en el siguiente ejemplo. Esta regla de CSS aplica a cualquier imagen que esté dos elementos en profundidad dentro de un elemento con id 'nav'.Sintaxis
#nav * * img { ... }
Selector de niño 
Algunas veces tendrás razones para querer que únicamente el descendiente directo de un elemento determinado reciba un estilo, lo contrario de darle estilo a todos los elementos que estén subordinados. En este caso usamos el selector de hijos, un paréntesis angular de cierre (>). El selector 'div img' afectará a cualquier imagen en cualquier partedebajo de un div, incluso si está anidada en un elemento p o en una lista. Sin embargo, en el ejemplo anterior, la regla CSS únicamente afectará a una imagen que esté directamente dentro de un div. Si hay otras capas entre 'div' y 'img', la regla no aplicará.
Sintaxis
div > img { ... }
Selectores 
Los selectores son la parte de la regla de CSS que determina a qué elementos de una página se aplicadicha regla. Aquí, el selector es '.nav', lo que quiere decir que esta regla aplica a todos los elementos dentro de la clase 'nav'.
Ejemplo
.nav {
background: #333;
}
Selectores de Clase 
El selector de clase es usado para especificar un estilo para un grupo de elementos. A diferencia del selector id, los selectores de clase se usan a menudo con varios elementos. Aquí, el selector es'.code', lo que quiere decir que esta regla aplica a todos los elementos en el documento que tengan la clase 'code'.
Ejemplo
...
Selectores de ID 
Los selectores Id son usados para especificar estilos para un solo elemento único. Aquí, el selector es '#box', quiere decir que esta regla aplica al div que creamos con el atributo id = 'box'.
Ejemplo
...




HTML Glosario
Cabeza 
Etiqueta querodea contenido que es invisible para el usuario, pero que es importante para el navegador. Los elementos dentro de esta etiqueta contienen metadatos sobre la página y los enlaces a las hojas de estilo, los scripts, etc.
Comentarios 
Los comentarios de HTML a veces son usados en el código para explicar partes del marcado. Son parecidos a los comentarios en otros lenguajes. Los comentarios...