Para saber cómo incluir el CSS en el propio HTML, tenemos esas formas:
CSS en línea
Se utiliza un CSS en línea para aplicar un estilo único a un único elemento HTML.
Un CSS en línea utiliza el atributo de estilo de un elemento HTML.
Este ejemplo establece el color del texto del elemento
- Quiero construir un navegador desde cero. ¿Cómo debo hacer esto? El uso de motores de renderizado disponibles también es una opción disponible.
- Sé JS y ReactJS. ¿Cuál debería ser mi próximo paso?
- Estoy construyendo un sitio en WordPress usando Visual Composer, sin embargo, las imágenes no responden en dispositivos móviles. ¿Cómo puedo arreglar esto?
- Estoy aprendiendo desarrollo web pero realmente no lo disfruto. ¿Debo dejar de aprender?
- Quiero aprender más sobre algoritmos y patrones de OOP. ¿Cómo puedo aprender esto como desarrollador de FrontEnd?
en azul y cambia el tamaño de fuente a 55px:
/ * comentario: nada definido aquí 🙂 * /
Soy un párrafo grande, azul, fuerte
Esto es similar a:
pags {
color azul;
tamaño de fuente: 55 px;
}
CSS interno
Se utiliza un CSS interno para definir un estilo para una sola página HTML.
Un CSS interno se define en la sección de una página HTML, dentro de un elemento :
cuerpo {
color de fondo: azul polvo;
}
h1 {
color azul;
}
pags {
color rojo;
}
Este es un encabezado azul
Este es un párrafo rojo.
CSS con ámbito: obsoleto [1]
El bloque de style con el atributo de scoped sobrescribirá los estilos globales que generalmente se encuentran en el encabezado (ya sea en un bloque de estilo o en una hoja de estilo vinculada), pero solo en los elementos hermanos / descendientes dentro del mismo padre.
h1 {
color: FireBrick;
}
pags {
color: SaddleBrown;
}
Este es un H1 en un div con ámbito. Independientemente de los estilos globales, el texto debe ser “FireBrick”.
Este es un párrafo en un div de ámbito. El texto debe ser “SaddleBrown”.
Este es otro párrafo, que no se verá afectado por el estilo de ámbito y seguirá siendo negro.
Esa fue la respuesta a su pregunta.
En cuanto a las formas externas de incluir el CSS
CSS externo
Así es como solemos vincular el CSS al archivo HTML, y es la forma recomendada de usar CSS.
Este es un encabezado
Este es un párrafo.
CSS externo utilizando importación
La regla at @import CSS se usa para importar reglas de estilo desde otras hojas de estilo.
@import url (“/ styles / default.css”);
Incluso puede usar el comando @import para importar otro CSS dentro de un archivo CSS que no es posible con el comando de enlace.
Sin embargo, la etiqueta se procesa más rápidamente que la regla @import
Las siguientes son todas las formas correctas de usar @import
@import url (“fineprint.css”) print;
@import url (“bluish.css”) proyección, tv;
@import ‘custom.css’;
@import url (“chrome: // comunicador / skin /”);
@ Importar pantalla “common.css”, proyección;
@import url (‘landscape.css’) pantalla y (orientación: horizontal);
Lee mas
Notas al pie
[1] Salvando el día con CSS con alcance | CSS-Tricks
