Skip to content

Instantly share code, notes, and snippets.

View ktzanev's full-sized avatar

Kroum Tzanev ktzanev

  • Université de Lille
View GitHub Profile
@ktzanev
ktzanev / index.html
Last active March 12, 2017 11:18
Pseudo-éléments (GistRun)
<!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.
@ktzanev
ktzanev / index.html
Last active March 12, 2017 11:15
pseudo-classes (GistRun)
<!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"/>
@ktzanev
ktzanev / index.html
Created March 12, 2017 11:11
#id : sélecteur d'ID (GistRun)
<!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>
@ktzanev
ktzanev / index.html
Last active March 14, 2017 19:02
.class : sélecteur de classe (GistRun)
<!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"/>
@ktzanev
ktzanev / index.html
Last active March 12, 2017 11:41
[attribut] : sélecteur d’attribut (GistRun)
<!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>
@ktzanev
ktzanev / index.html
Last active March 12, 2017 11:39
E + F : sélecteur d'adjacence (GistRun)
<!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" />
@ktzanev
ktzanev / index.html
Last active March 13, 2017 12:52
E F : sélecteur d'enfant (GistRun)
<!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>
@ktzanev
ktzanev / index.html
Last active March 12, 2017 10:57
E : sélecteur de balise (GistRun)
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>E : sélecteur de balise</title>
<style>
div {
padding: 1em;
background: yellow;
}
@ktzanev
ktzanev / index.html
Last active March 13, 2017 12:48
* : sélecteur universel (GistRun)
<!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;
@ktzanev
ktzanev / index.html
Last active March 13, 2017 12:42
CSS : Priorités (GistRun)
<!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;
}