Kroum Tzanev ktzanev

## index.html
<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>GistRun</title>
  <link rel="stylesheet" href="main.css">
</head>
<body>
  <p>
    Selon <em>Le Guide</em> du voyageur galactique, des chercheurs d'un peuple hyper-intelligent et pan-dimensionnel construisirent le deuxième plus grand ordinateur de tous les temps, Pensées Profondes, pour calculer la réponse à la grande question sur la vie, l'univers et le reste. Après sept millions et demi d'années à réfléchir à la question, Pensées Profondes fournit enfin la réponse : 42.

## index.html
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>pseudo-classes</title>
  <link rel="stylesheet" href="main.css">
</head>
<body>
  <div>
    <img src="https://goo.gl/HgDoS8"/>

## index.html
<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>#id : sélecteur d'ID</title>
  <link rel="stylesheet" href="main.css">
</head>
<body>
  <ul>
    <li>un</li>

## index.html
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>.class : sélecteur de classe</title>
  <link rel="stylesheet" href="main.css">
</head>
<body>
  <img src="https://goo.gl/NB0zif" class="pizza animee"/>
  <img src="https://goo.gl/NOoav2" class="pizza"/>

## index.html
<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>[attribut] : sélecteur d’attribut</title>
  <link rel="stylesheet" href="main.css">
</head>
<body>
  <ul>
    <li lang="fr">En fançais</li>

## index.html
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>E + F : sélecteur d'adjacence</title>
  <link rel="stylesheet" href="main.css">
</head>
<body>
  <h1>Images</h1>
  <img src="http://fr.ubergizmo.com/wp-content/uploads/2014/08/gifs-rayons-x.gif" />

## index.html
<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>E F : sélecteur d'enfant</title>
  <link rel="stylesheet" href="main.css">
</head>
<body>
  <div> Un div qui contient :
    <p>Un paragraphe qui contient <span>un span</span>.</p>

## index.html
<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>E : sélecteur de balise</title>
  <style>
    div {
      padding: 1em;
      background: yellow;
    }

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>* : sélecteur universel</title>
  <style type="text/css">
  * {
    border: 1px solid red;
    padding: 7px;
    margin: 7px;

## index.html
<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <title>Priorités CSS</title>
  <link rel="stylesheet" href="main.css">
  <style>
    h1 {
      text-align: left;
    }
	<!doctype html>
	<html lang="fr">
	<head>
	<meta charset="utf-8">
	<title>GistRun</title>
	<link rel="stylesheet" href="main.css">
	</head>
	<body>
	<p>
	Selon <em>Le Guide</em> du voyageur galactique, des chercheurs d'un peuple hyper-intelligent et pan-dimensionnel construisirent le deuxième plus grand ordinateur de tous les temps, Pensées Profondes, pour calculer la réponse à la grande question sur la vie, l'univers et le reste. Après sept millions et demi d'années à réfléchir à la question, Pensées Profondes fournit enfin la réponse : 42.
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>pseudo-classes</title>
	<link rel="stylesheet" href="main.css">
	</head>
	<body>
	<div>
	<img src="https://goo.gl/HgDoS8"/>
	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>[attribut] : sélecteur d’attribut</title>
	<link rel="stylesheet" href="main.css">
	</head>
	<body>
	<ul>
	<li lang="fr">En fançais</li>