PROGRAMACIÓN HTML, CSS
Styling se puede agregar a los elementos HTML de 3 maneras:
Inline
utilizando un atributo de estilo en elementos HTML
Externo
utilizando uno o más archivos CSS externos
Interno
utilizando un <style> en el código HTML <head>
La forma más común para agregar estilo, es mantener la sintaxis CSS en archivos CSS separados.
Estilo Inline (Inline CSS)
<!DOCTYPE html>
<html>
<body>
<h1 style="color:blue">Encabezamiento en azul</h1>
</body>
</html>
PRUEBA INLINE CSS
Estilos externos (External CSS)
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="soycss.css">
</head>
<body>
<h1>Encabezamiento</h1>
<p>Parrafo.</p>
</body>
</html>
archivo css con el nombre soycss
h1 {
color:blue;
font-family:verdana;
font-size:300%;
}
p {
color:red;
font-family:courier;
font-size:160%;
}
color:blue;
font-family:verdana;
font-size:300%;
}
p {
color:red;
font-family:courier;
font-size:160%;
}
PRUEBA EXTERNAL CSS
Internal Styling (Internal CSS)
<!DOCTYPE html>
<html>
<head>
<style>
body {background-color:lightgrey}
h1 {color:blue}
p {color:green}
</style>
</head>
<body>
<h1>Encabezamiento</h1>
<p>Parrafo.</p>
</body>
</html>
PRUEBA INTERNAL CSS
No hay comentarios:
Publicar un comentario