DavidPeralvarez

## selectores-id-clase.html
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="styles.css">
	<title>THE NEW YORK TIMES</title>
</head>
<body>

	<header>

## estilos-externo.css
body{
	background-color: #333;
	color: white;
	padding: 50px;
}
h1{
	color: yellow;
}
p{
	font-size: 18px;

## 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

## 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-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>

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

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

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

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

## padding-4.css
h1{
	width: 100px;
	padding: 10px 5px;
}
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="styles.css">
	<title>THE NEW YORK TIMES</title>
	</head>
	<body>

	<header>
	body{
	background-color: #333;
	color: white;
	padding: 50px;
	}
	h1{
	color: yellow;
	}
	p{
	font-size: 18px;
	h1{
	width: 100px;
	padding: 15px;
	border: solid 4px blue;
	border-bottom-color: green;
	margin-top: 20px;
	}
	h1{
	width: 100px;
	padding: 15px;
	border-style: solid;
	border-width: 4px;
	border-color: blue;
	}