DavidPeralvarez

## padding-2.css
h1{
	width: 100px;
	padding: 15px;
}

## padding-3.css
h1{
	width: 100px;
	padding: 10px 5px 15px 0;
}

## padding-4.css
h1{
	width: 100px;
	padding: 10px 5px;
}

## padding-5.css
h1{
	width: 100px;
	padding: 10px 5px 20px;
}

## border.css
h1{
	width: 100px;
	padding: 15px;
	border-style: solid;
	border-width: 4px;
	border-color: blue;
}

## border-2.css
h1{
	width: 100px;
	padding: 15px;
	border: solid 4px blue;
	border-bottom-color: green;
}

## margin.css
h1{
	width: 100px;
	padding: 15px;
	border: solid 4px blue;
	border-bottom-color: green;
	margin-top: 20px;
}

## css-inline.html
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>CSS Inline</title>
</head>
<body>

	<h1 style="color: red; margin-bottom: 10px; font-size: 40px;">Estoy aprendiendo a incluir código CSS</h1>

## css-interno.html
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>CSS Interno</title>
	<style type="text/css">
		body{
			background-color: #333;
			color: white;
			padding: 50px;

## css-externo.html
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>CSS Interno</title>
	<link rel="stylesheet" type="text/css" href="estilos.css">
</head>
<body>
	<h1>La opción más recomendada es el CSS externo</h1>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
	h1{
	width: 100px;
	padding: 15px;
	border-style: solid;
	border-width: 4px;
	border-color: blue;
	}
	h1{
	width: 100px;
	padding: 15px;
	border: solid 4px blue;
	border-bottom-color: green;
	}
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>CSS Inline</title>
	</head>
	<body>

	<h1 style="color: red; margin-bottom: 10px; font-size: 40px;">Estoy aprendiendo a incluir código CSS</h1>