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
- ¿Cuál de las siguientes trayectorias profesionales tiene una gran perspectiva y una transición más fácil al mercado laboral?
- Tengo una conexión a Internet de alta velocidad en mi casa. Soy programador web, mi esposa y mi madre son enfermeras. ¿Qué puedo hacer para ganar dinero con esto?
- Cómo ganar dinero si sé HTML, JavaScript, CSS
- Creamos un sitio web usando WordPress, y ahora tenemos dos problemas que no podemos solucionar. ¿Alguien puede explicarnos cómo resolverlos de la manera más simple?
- Estoy aprendiendo html, css, JS y quiero entrar en el lado del servidor. ¿Qué debo aprender a continuación / hacer en el proyecto para que pueda emplearse en un futuro próximo?
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
