Estilo CSS
Estilo CSS
CSS se puede añadir a HTML de tres maneras:
-En la línea, usando el atributo style en los elementos de HTML
-Interno, usando la tag <style> en el <head>
-Externo, usando la tag <link> para enlazar con un archivo de CSS externo
En la línea
<h1 style="color:blue;">A blue heading</h1>
En este caso el atributo style afecta solo al <h1>
Interno
<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
</style>
</head>
<html>
<head>
<style>
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
</style>
</head>
En este caso tenemos una etiqueta style que afecta solo a esta página
Externo
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
En este caso se enlaza un la página con otra que contiene otro archivo de estilo el cual afecta a esta página.
Atributos de estilo
-Utilice el styleatributo HTML para el estilo en línea
-Utilice el <style>elemento HTML para definir CSS interno
-Utilice el <link>elemento HTML para hacer referencia a un archivo CSS externo
-Utilice el <head>elemento HTML para almacenar elementos <style> y <link>
-Use la color propiedad CSS para colores de texto
-Utilice la font-family propiedad CSS para fuentes de texto
-Utilice la font-size propiedad CSS para tamaños de texto
-Use la border propiedad CSS para bordes
-Use la padding propiedad CSS para el espacio dentro del borde
-Use la margin propiedad CSS para el espacio fuera del borde
Comentarios
Publicar un comentario