Skip to content

Instantly share code, notes, and snippets.

@DavidPeralvarez

DavidPeralvarez/selectores-id-clase.html

Created March 29, 2018 13:33
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save DavidPeralvarez/931086f8ee64ee81360da2aa8d791097 to your computer and use it in GitHub Desktop.
Save DavidPeralvarez/931086f8ee64ee81360da2aa8d791097 to your computer and use it in GitHub Desktop.
Download ZIP
(HTML) Selectores de ID y de CLASE en CSS
Raw
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>
<h1 id="big-title">THE NEW YORK TIMES</h1>
<h2 id="subtitle">Las noticias que te importan</h2>
</header>
<section>
<article class="featured">
<h3 class="featured-title">Un perro campeón del torneo de petanca</h3>
<p class="featured-excerpt">Lorem ipsum dolor sit amet, consectetur a ipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</article>
<article class="news">
<h3 class="news-title">Un estudio demuestra que el sofá es tu mejor amigo</h3>
<p class="news-excerpt">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
</article>
<article class="news">
<h3 class="news-title">Hmaster no pasa el test antidoping</h3>
<p class="news-excerpt">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu.</p>
</article>
</section>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment