Skip to content

Instantly share code, notes, and snippets.

@matismasters

matismasters/ejercicios_html_css_1_noticias.css

Created October 3, 2011 14:48
Show Gist options
  • Save matismasters/1259252 to your computer and use it in GitHub Desktop.
Save matismasters/1259252 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
ejercicios_html_css_1_noticias.css
body, h1, h2, h3, div, p, u, strong, img, ul, li, a { margin:0; padding:0;}
#contenedor { width:900px; margin:auto;}
div#cabecera { margin-bottom:20px;}
div div h3 { font-size:28px; color:purple; text-decoration:underline;}
div div #logo h3 { font-size:38px; color:red;}
#logo h3 { color:blue;}
#contenido h1 { padding:2px;}
#contenido h1 { font-size:26px; color:red; padding:5px;}
h1 { border:1px solid black;}
.noticia img { width:200px; height:200px; float:left;}
.noticia img h2 { font-size:12px; color:black;}
.noticia h2 { font-size:14px; color:white;}
.noticia p { font-size:15px;}
div div p { font-size:20px; border:none; color:yellow;}
div div p strong { font-weight:normal; color:red;}
div div p u{ color:blue; text-decoration:underline;}
Raw
ejercicios_html_css_1_noticias.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="es">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Ejercicios HTML/CSS | Noticias </title>
</head>
<body id="ejercicios_html_css_1_noticias" onload="">
<div id="contenedor">
<div id="cabecera">
<div id="logo">
<img src="logo.png" />
((1))<h3> Noticias de Uruguay y el Mundo </h3>
</div>
</div>
<div id="contenido">
((2))<h1>Noticias de Uruguay y el mundo</h1>
<div id="noticias">
<div class="noticia">
<img src="lmrlc.png" />
((3))<h2>La muerte ronda las calles</h2>
<p>Lorem ipsum dolor sit <u>amet</u>, consectetur adipiscing elit. Praesent sem lectus, lacinia ut pulvinar et, <strong>feugiat</strong> eget urna. </p>
</div>
<div class="noticia">
<img src="lmrlc2.png" />
<h2>La muerte ronda las calles 2</h2>
<p>Lorem ipsum dolor sit <u>amet</u>, consectetur adipiscing elit. Praesent sem lectus, lacinia ut pulvinar et, <strong>feugiat</strong> eget urna. </p>
</div>
<div class="noticia">
<img src="lmrlc2.png" />
<h2>La muerte ronda las calles 3</h2>
((4))<p>Lorem ipsum dolor sit <u>amet</u>, consectetur adipiscing elit. Praesent sem lectus, lacinia ut pulvinar et, ((5))<strong>feugiat</strong> eget urna. </p>
</div>
</div>
</div>
<div id="pie_de_pagina">
<div id="links">
<ul class="links">
<li><a href="inicio.html">Inicio</a></li>
<li><a href="contacto.html">Contacto</a></li>
<li><a href="historia.html">Historia</a></li>
</ul>
</div>
<div id="subscripcion">
<form action="subscripcion.php" method="get" accept-charset="utf-8">
<p><label for="email">Email</label><input type="text" name="email" value="" id="email">
<p><textarea name="cuerpo_del_mensaje" rows="8" cols="40"></textarea></p>
<p><input type="submit" value="Continue &rarr;"></p>
</form>
</div>
</div>
</div>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment