Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.
Cargar una hoja de estilos externa
- El atributo opcional type se usa para especificar un tipo de medio (text/css para una hoja de estilo en cascada) permitiendo a los navegadores omitir los tipos de hoja de estilo que no soportan.
- rel=”stylesheet” indica que es la hoja de estilos preferente.
- rel=”alternate stylesheet” indica que podemos cambiar esta hoja de estilos desde el navegador.
- Es necesario declarar al menos una hoja de estilos preferente.
Selectores CSS
h1 { color : #990000 }Declaración:
selector { propiedad : valor }El selector indica a qué hay que aplicarle la regla y la declaración especifica qué es lo que hay que hacerle.
Selectores: http://www.w3.org/TR/selectors/
Tipos
- Selector universal:(Aplicar a TODOS los elementos de la página un margen cero)
<div></div><p></p> → *{ margin: 0;padding:0 }- Selector de etiqueta(Aplicar a TODOS los div un fondo rojo y un borde sólido de 2px y color negro)
<div></div><div></div> → div { background: red; border: 2px solid black;}- Selector de clase(Aplicar a todos los elementos con una clase verde una fuente de color verde)
<div class="verde"></div> → .verde { color: green; }- Selector de IDIguales que los anteriores pero para elementos marcados con el atributo id. Este se utiliza para marcar un elemento único.(Aplicar al elemento slider un color de fondo azul)
<div id="slider"></div> → #slider { background: blue; }