CSS se puede insertar de tres maneras:
- Estilo en línea:
El estilo en línea se usa para aplicar un estilo único a un elemento. Para usar estilos en línea, agregue el atributo de estilo al elemento relevante. El atributo de estilo puede contener cualquier propiedad CSS.
Cualquier cosa que brille no es gold
- ¿Cómo llevar la aplicación Rails a producción? (¿Cómo lo alojo en internet?
- ¿Qué es exactamente un complemento?
- ¿Cuáles son las ventajas de usar la plantilla Handlebars sobre Underscore.js?
- ¿Debo construir software libre y publicarlo en GitHub para que lo use cualquiera?
- Cómo resolver recursos bloqueados desde la herramienta web master
Tenga en cuenta que aquí en la línea anterior la palabra ‘ oro’ estará en color dorado. El resto todo será negro.
- Estilo usando estilos internos
Si el estilo se limita a algunas líneas, puede usar estilos en su hoja html en la sección .
h1 {
color: carmesí;
acolchado: 10px 20px;
color de fondo: negro;
}
Cualquier cosa que brille no es gold
Aquí hemos diseñado nuestra etiqueta ‘ h1′ con un estilo interno de CSS. La palabra ‘ oro’ aparecerá en color dorado y el resto será ‘ carmesí’ con el color de fondo ‘ negro’.
- Hoja de estilo externa
Las hojas de estilo externas se utilizan para diseñar toda la página web. Podemos insertar hojas externas de CSS con .css como extensión para dar estilo a los elementos de nuestro sitio web. Cada página debe incluir una referencia al archivo de hoja de estilo externo dentro del elemento . El elemento va dentro de la sección
Cualquier cosa que brille no es gold
Aquí hemos dado una referencia a nuestra hoja de estilo externa usando la etiqueta en nuestra hoja html.
Ahora podemos crear nuestro archivo style.css de la siguiente manera:
/ * Nombre de archivo: style.css * /
cuerpo {
margen: 0;
}
h1 {
color: carmesí;
acolchado: 20px 10px;
color de fondo: negro;
}
/ * Se puede agregar más estilo aquí * /
Entonces, al usar esto, podemos crear hojas de estilo externas. Tenga en cuenta que puede crear varias hojas de estilo y vincularlas a su hoja html con múltiples etiquetas .
Espero que esto ayude.