This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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"/> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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"/> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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" /> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!doctype html> | |
<html lang="fr"> | |
<head> | |
<meta charset="utf-8"> | |
<title>E : sélecteur de balise</title> | |
<style> | |
div { | |
padding: 1em; | |
background: yellow; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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; | |
} |