|
Nom anglais |
Nom français |
 |
 |
Complément |
 |
CSS3 | CSS version 3 |  |
 |
Abr.: Cascading Style Sheet 3
En rapport avec:, css, html5,
Catégorie : CSS Rubrique: abbreviation
|
Ang: CSS3
Fra.: CSS version 3
Abr.: Cascading Style Sheet 3
En rapport avec:, css, html5,
Catégorie: CSS Rubrique: abbreviationSite
|
|
CSSOM | . |  |
 |
Abr.: CSS Object Model
En rapport avec:, css,
Catégorie : CSS Rubrique: abbreviation
|
Ang: CSSOM
Fra.: .
Abr.: CSS Object Model
En rapport avec:, css,
Catégorie: CSS Rubrique: abbreviation
|
|
EOT | . |  |
 |
Abr.: Embedded OpenType
Catégorie : CSS Rubrique: abbreviation
|
Ang: EOT
Fra.: .
Abr.: Embedded OpenType
Catégorie: CSS Rubrique: abbreviation
|
|
HTML | langage de balisage d’hypertexte |  |
 |
Abr.: Hypertext Markup Language
En rapport avec:, HTML5,
Catégorie : CSS Rubrique: abbreviation
|
Ang: HTML
Fra.: langage de balisage d’hypertexte
Abr.: Hypertext Markup Language
En rapport avec:, HTML5,
Catégorie: CSS Rubrique: abbreviation
|
|
REM | . |  |
 |
Abr.: Root EM
En rapport avec:, bootstrap,
Catégorie : CSS Rubrique: abbreviation
|
Ang: REM
Fra.: .
Abr.: Root EM
En rapport avec:, bootstrap,
Catégorie: CSS Rubrique: abbreviation
|
|
SAAS | . |  |
 |
Abr.: Syntactically Awesome Style Sheets
extension .scss
Catégorie : CSS Rubrique: abbreviation
|
Ang: SAAS
Fra.: .
Abr.: Syntactically Awesome Style Sheets
extension .scss
Catégorie: CSS Rubrique: abbreviation
|
|
background | fond |  |
 |
background-color
background-image
background-repeat
background-attachment
background-position
Catégorie : CSS Rubrique: background
|
Ang: background
Fra.: fond
background-color
background-image
background-repeat
background-attachment
background-position
Catégorie: CSS Rubrique: background
|
|
background-attachment | fond fixe |  |
 |
En rapport avec:, background,
Catégorie : CSS Rubrique: background
|
Ang: background-attachment
Fra.: fond fixe
En rapport avec:, background,
Catégorie: CSS Rubrique: background |
|
background-color | couleur du fond |  |
 |
background-color: #000000;
-- exemple -->
html {
background-color: #000000;
}
En rapport avec:, color, background,
Catégorie : CSS Rubrique: background
|
Ang: background-color
Fra.: couleur du fond
background-color: #000000;
-- exemple -->
html {
background-color: #000000;
}
En rapport avec:, color, background,
Catégorie: CSS Rubrique: background
|
|
background-position | position de l'image d'arrière plan |  |
 |
En rapport avec:, background,
Catégorie : CSS Rubrique: background
|
Ang: background-position
Fra.: position de l'image d'arrière plan
En rapport avec:, background,
Catégorie: CSS Rubrique: background |
|
background-repeat | mode de répétition du fond |  |
 |
background-repeat: repeat;
-- exemple -->
body {
color: #000000;
background-image: url(exemple.gif);
background-repeat: repeat;
}
table {
background-color: white;
}
En rapport avec:, background,
Catégorie : CSS Rubrique: background
|
Ang: background-repeat
Fra.: mode de répétition du fond
background-repeat: repeat;
-- exemple -->
body {
color: #000000;
background-image: url(exemple.gif);
background-repeat: repeat;
}
table {
background-color: white;
}
En rapport avec:, background,
Catégorie: CSS Rubrique: background |
|
body | corps |  |
 |
Catégorie : CSS Rubrique: body
|
Ang: body
Fra.: corps
Catégorie: CSS Rubrique: body |
|
border | bordure (encadrement) |  |
 |
-- exemple -->
border-width: 2px;
border-style:solid;
border-color:green;
border-radius:10px;
border: 1px solid white;
En rapport avec:, border-style, border-color, cours,
Catégorie : CSS Rubrique: border
|
Ang: border
Fra.: bordure (encadrement)
-- exemple -->
border-width: 2px;
border-style:solid;
border-color:green;
border-radius:10px;
border: 1px solid white;
En rapport avec:, border-style, border-color, cours,
Catégorie: CSS Rubrique: borderSite
|
|
border-color | couleur de la bordure |  |
 |
border-color:green;
-- exemple -->
h2{
border-style:solid;
border-width:5px;
border-color:green;
}
En rapport avec:, color,
Catégorie : CSS Rubrique: border
|
Ang: border-color
Fra.: couleur de la bordure
border-color:green;
-- exemple -->
h2{
border-style:solid;
border-width:5px;
border-color:green;
}
En rapport avec:, color,
Catégorie: CSS Rubrique: border
|
|
border-radius | bord arrondi |  |
 |
border-radius:10px;
border-radius:50px; => rond
En rapport avec:, border,
Catégorie : CSS Rubrique: border
|
Ang: border-radius
Fra.: bord arrondi
border-radius:10px;
border-radius:50px; => rond
En rapport avec:, border,
Catégorie: CSS Rubrique: border
|
|
border-right-color | bordure droite couleur |  |
 |
border-right-color:transparent !important;
Catégorie : CSS Rubrique: border
|
Ang: border-right-color
Fra.: bordure droite couleur
border-right-color:transparent !important;
Catégorie: CSS Rubrique: border |
|
border-style | style de bordure |  |
 |
border-style:solid;
-- exemple -->
style : solid, dotted, dashed, double, groove, ridge, inset, outset,
h2{
border-style:solid;
}
Catégorie : CSS Rubrique: border
|
Ang: border-style
Fra.: style de bordure
border-style:solid;
-- exemple -->
style : solid, dotted, dashed, double, groove, ridge, inset, outset,
h2{
border-style:solid;
}
Catégorie: CSS Rubrique: border |
|
border-top-style | bordure supérieur style |  |
 |
.bordure_cachee{
border-top-style: hidden;
}
Catégorie : CSS Rubrique: border
|
Ang: border-top-style
Fra.: bordure supérieur style
.bordure_cachee{
border-top-style: hidden;
}
Catégorie: CSS Rubrique: border |
|
border-width | largeur de la bordure |  |
 |
border-width:5px;
-- exemple -->
h2{
border-style:solid;
border-width:5px;
}
Catégorie : CSS Rubrique: border
|
Ang: border-width
Fra.: largeur de la bordure
border-width:5px;
-- exemple -->
h2{
border-style:solid;
border-width:5px;
}
Catégorie: CSS Rubrique: border |
|
dashed | ligne en tirets |  |
 |
Catégorie : CSS Rubrique: border
|
Ang: dashed
Fra.: ligne en tirets
Catégorie: CSS Rubrique: border |
|
outline | contour |  |
 |
outline-style : dotted, dashed, solid
Catégorie : CSS Rubrique: border
|
Ang: outline
Fra.: contour
outline-style : dotted, dashed, solid
Catégorie: CSS Rubrique: border |
|
outline-style | style de contour |  |
 |
outline-style : dotted, dashed, solid, ridge,
En rapport avec:, dotted, solid, ridge,
Catégorie : CSS Rubrique: border
|
Ang: outline-style
Fra.: style de contour
outline-style : dotted, dashed, solid, ridge,
En rapport avec:, dotted, solid, ridge,
Catégorie: CSS Rubrique: border |
|
box | boîte |  |
box |
les éléments (tags) sont considérés comme des boxs
Ils donc : margin, border, padding, content,
En rapport avec:, margin, border, padding, content, box,
Catégorie : CSS Rubrique: box
|
Ang: box
Fra.: boîte
les éléments (tags) sont considérés comme des boxs
Ils donc : margin, border, padding, content,
En rapport avec:, margin, border, padding, content, box,
Catégorie: CSS Rubrique: box |
|
boxes model | modèle des boites |  |
box |
Catégorie : CSS Rubrique: box
|
Ang: boxes model
Fra.: modèle des boites
Catégorie: CSS Rubrique: box |
|
stroke | contour |  |
 |
Catégorie : CSS Rubrique: canvas
|
Ang: stroke
Fra.: contour
Catégorie: CSS Rubrique: canvas |
|
strokeStyle | style de contour |  |
 |
Catégorie : CSS Rubrique: canvas
|
Ang: strokeStyle
Fra.: style de contour
Catégorie: CSS Rubrique: canvas |
|
bold | gras |  |
 |
font-weight:bold;
Catégorie : CSS Rubrique: character
|
Ang: bold
Fra.: gras
font-weight:bold;
Catégorie: CSS Rubrique: character |
|
em | unité em |  |
 |
pixels/ 16 =em
En rapport avec:, unit,
Catégorie : CSS Rubrique: character
|
Ang: em
Fra.: unité em
pixels/ 16 =em
En rapport avec:, unit,
Catégorie: CSS Rubrique: character |
|
fixed | fixé |  |
 |
Catégorie : CSS Rubrique: character
|
Ang: fixed
Fra.: fixé
Catégorie: CSS Rubrique: character |
|
font | fonte de caractère |  |
 |
Catégorie : CSS Rubrique: character
|
Ang: font
Fra.: fonte de caractère
Catégorie: CSS Rubrique: character |
|
font-family | famille de fonts |  |
 |
font-family: Arial,Helvetica,sans-serif;
En rapport avec:, font,
Catégorie : CSS Rubrique: character
|
Ang: font-family
Fra.: famille de fonts
font-family: Arial,Helvetica,sans-serif;
En rapport avec:, font,
Catégorie: CSS Rubrique: character |
|
font-size | taille de la police de caractères |  |
 |
font-size: 12px;
En rapport avec:, font,
Catégorie : CSS Rubrique: character
|
Ang: font-size
Fra.: taille de la police de caractères
font-size: 12px;
En rapport avec:, font,
Catégorie: CSS Rubrique: character |
|
font-weight | épaisseur de la fonte |  |
 |
font-weight: normal;
.auto-style3 {
text-align: center;
font-weight: normal;
}
Catégorie : CSS Rubrique: character
|
Ang: font-weight
Fra.: épaisseur de la fonte
font-weight: normal;
.auto-style3 {
text-align: center;
font-weight: normal;
}
Catégorie: CSS Rubrique: character |
|
letter-spacing | espace entre les lettres |  |
 |
letter-spacing:12px;
h1{
letter-spacing:12px;
}
Catégorie : CSS Rubrique: character
|
Ang: letter-spacing
Fra.: espace entre les lettres
letter-spacing:12px;
h1{
letter-spacing:12px;
}
Catégorie: CSS Rubrique: character |
|
sherif | avec empâtement |  |
 |
serif : évasement
sans-serif : sans évasement, sans empâtement
Catégorie : CSS Rubrique: character
|
Ang: sherif
Fra.: avec empâtement
serif : évasement
sans-serif : sans évasement, sans empâtement
Catégorie: CSS Rubrique: character
|
|
text-decoration | décoration du texte |  |
 |
text-decoration:underline; souligné
text-decoration:none; pas de décoration
h1{
background-color:gray;
text-decoration:underline; /* souligner le texte */
}
th{
background-color:lime;
text-decoration:line-through; /* texte barré */
}
En rapport avec:,underline,
Catégorie : CSS Rubrique: character
|
Ang: text-decoration
Fra.: décoration du texte
text-decoration:underline; souligné
text-decoration:none; pas de décoration
h1{
background-color:gray;
text-decoration:underline; /* souligner le texte */
}
th{
background-color:lime;
text-decoration:line-through; /* texte barré */
}
En rapport avec:,underline,
Catégorie: CSS Rubrique: character |
|
text-shadow | ombre sur le texte |  |
 |
text-shadow:4px 4px 5px red;
h2{
color:rgba(255,10,10,0.4);
text-shadow:4px 4px 5px red;
}
En rapport avec:, effect,
Catégorie : CSS Rubrique: character
|
Ang: text-shadow
Fra.: ombre sur le texte
text-shadow:4px 4px 5px red;
h2{
color:rgba(255,10,10,0.4);
text-shadow:4px 4px 5px red;
}
En rapport avec:, effect,
Catégorie: CSS Rubrique: character |
|
text-transform | texte transformé en |  |
 |
texte transformé en minuscule, majuscule,
*h1{
background-color:gray;
text-transform:uppercase;
}
En rapport avec:, uppercase, lowercase, capitalize,
Catégorie : CSS Rubrique: character
|
Ang: text-transform
Fra.: texte transformé en
texte transformé en minuscule, majuscule,
*h1{
background-color:gray;
text-transform:uppercase;
}
En rapport avec:, uppercase, lowercase, capitalize,
Catégorie: CSS Rubrique: characterSite
|
|
word-spacing | espace entre les mots |  |
 |
Catégorie : CSS Rubrique: character
|
Ang: word-spacing
Fra.: espace entre les mots
Catégorie: CSS Rubrique: character |
|
. | classe |  |
 |
dans une fichier exemple_style.css
.exemple{
}
dans le fichier exemple.HTML
<*head>
<*link rel="stylesheet" href="exemple_style.css" type="text/css" />
<*/head>
<*body>
<*img class="exemple" src="images/ex1.jpg" alt="exemple"/>
<*/body>
Catégorie : CSS Rubrique: class
|
Ang: .
Fra.: classe
dans une fichier exemple_style.css
.exemple{
}
dans le fichier exemple.HTML
<*head>
<*link rel="stylesheet" href="exemple_style.css" type="text/css" />
<*/head>
<*body>
<*img class="exemple" src="images/ex1.jpg" alt="exemple"/>
<*/body>
Catégorie: CSS Rubrique: class |
|
: | pseudo-classe |  |
 |
Abr.: pseudo-class
selector, pseudo-class
a:hover{
color:red;
}
Catégorie : CSS Rubrique: class
|
Ang: :
Fra.: pseudo-classe
Abr.: pseudo-class
selector, pseudo-class
a:hover{
color:red;
}
Catégorie: CSS Rubrique: class
|
|
class | catégorie |  |
 |
<*p class="menu_horizontal"> essais de la classe <*/p>
dans le fichier css theme_exemple_plante/exemple.css
.menu_horizontal {
text-align:center;
font-size: 10pt;
}
<*p class="menu_horizontal"> essais de la classe <*/p>
En rapport avec:, cours,
Catégorie : CSS Rubrique: class
|
Ang: class
Fra.: catégorie
<*p class="menu_horizontal"> essais de la classe <*/p>
dans le fichier css theme_exemple_plante/exemple.css
.menu_horizontal {
text-align:center;
font-size: 10pt;
}
<*p class="menu_horizontal"> essais de la classe <*/p>
En rapport avec:, cours,
Catégorie: CSS Rubrique: class
|
|
pseudo-class | pseudo-classe |  |
 |
En rapport avec:, nth-child,
Catégorie : CSS Rubrique: class
|
Ang: pseudo-class
Fra.: pseudo-classe
En rapport avec:, nth-child,
Catégorie: CSS Rubrique: classSite
|
|
color | couleur |  |
 |
color: #000; /* noir */
-- exemple -->
h1{
font-size: 30px;
color: #000; /* noir */
}
En rapport avec:, text, h1,
Catégorie : CSS Rubrique: color
|
Ang: color
Fra.: couleur
color: #000; /* noir */
-- exemple -->
h1{
font-size: 30px;
color: #000; /* noir */
}
En rapport avec:, text, h1,
Catégorie: CSS Rubrique: color
|
|
outline-color | couleur de contour |  |
 |
outline-color:yellow;
Catégorie : CSS Rubrique: color
|
Ang: outline-color
Fra.: couleur de contour
outline-color:yellow;
Catégorie: CSS Rubrique: color |
|
rgb(0,0,0) | noir |  |
 |
BODY {
BACKGROUND-COLOR: Rb(255,255,255); COLOR: Rb(0,0,0)
}
En rapport avec:, color,
Catégorie : CSS Rubrique: color
|
Ang: rgb(0,0,0)
Fra.: noir
BODY {
BACKGROUND-COLOR: Rb(255,255,255); COLOR: Rb(0,0,0)
}
En rapport avec:, color,
Catégorie: CSS Rubrique: color |
|
rgb(255,255,255) | blanc |  |
 |
BODY {
BACKGROUND-COLOR: Rb(255,255,255); COLOR: Rb(0,0,0)
}
En rapport avec:, color,
Catégorie : CSS Rubrique: color
|
Ang: rgb(255,255,255)
Fra.: blanc
BODY {
BACKGROUND-COLOR: Rb(255,255,255); COLOR: Rb(0,0,0)
}
En rapport avec:, color,
Catégorie: CSS Rubrique: color |
|
RGBA | couleur en RGB (red, green, bleu) avec de la transparence (a: alpha) |  |
 |
Abr.: Red Green Blue Alpha
h2{
color:rgba(255,10,10,0.4);
}
En rapport avec:, color,
Catégorie : CSS Rubrique: color
|
Ang: RGBA
Fra.: couleur en RGB (red, green, bleu) avec de la transparence (a: alpha)
Abr.: Red Green Blue Alpha
h2{
color:rgba(255,10,10,0.4);
}
En rapport avec:, color,
Catégorie: CSS Rubrique: color
|
|
/* */ | commentaire en CSS |  |
 |
Abr.: comment
/* voici un commentaire en CSS */
En rapport avec:, comment,
Catégorie : CSS Rubrique: comment
|
Ang: /* */
Fra.: commentaire en CSS
Abr.: comment
/* voici un commentaire en CSS */
En rapport avec:, comment,
Catégorie: CSS Rubrique: comment
|
|
inherit | héritage |  |
concept |
Catégorie : CSS Rubrique: concept
|
Ang: inherit
Fra.: héritage
Catégorie: CSS Rubrique: concept |
|
clear | annuler |  |
divers |
Catégorie : CSS Rubrique: divers
|
Ang: clear
Fra.: annuler
Catégorie: CSS Rubrique: divers |
|
content | contenu |  |
divers |
Catégorie : CSS Rubrique: divers
|
Ang: content
Fra.: contenu
Catégorie: CSS Rubrique: divers |
|
drop cap | lettrine |  |
divers |
Catégorie : CSS Rubrique: divers
|
Ang: drop cap
Fra.: lettrine
Catégorie: CSS Rubrique: divers |
|
editor | éditeur de langage |  |
divers |
CSS, JavaScript, HTML,
Catégorie : CSS Rubrique: divers
|
Ang: editor
Fra.: éditeur de langage
CSS, JavaScript, HTML,
Catégorie: CSS Rubrique: divers |
|
gutter | gouttière |  |
divers |
En rapport avec:, grid, column,
Catégorie : CSS Rubrique: divers
|
Ang: gutter
Fra.: gouttière
En rapport avec:, grid, column,
Catégorie: CSS Rubrique: divers |
|
Media queries | partie du CSS pour adapter le contenu à la taille de l'écran |  |
divers |
Catégorie : CSS Rubrique: divers
|
Ang: Media queries
Fra.: partie du CSS pour adapter le contenu à la taille de l'écran
Catégorie: CSS Rubrique: divers |
|
memento | mémento |  |
divers |
Catégorie : CSS Rubrique: divers
|
Ang: memento
Fra.: mémento
Catégorie: CSS Rubrique: divers |
|
overflow | trop-plein |  |
divers |
Catégorie : CSS Rubrique: divers
|
Ang: overflow
Fra.: trop-plein
Catégorie: CSS Rubrique: divers |
|
section | section |  |
divers |
avec Bootstrap on peut utiliser les classes col-sm-4 par exemple
Catégorie : CSS Rubrique: divers
|
Ang: section
Fra.: section
avec Bootstrap on peut utiliser les classes col-sm-4 par exemple
Catégorie: CSS Rubrique: divers |
|
selection | sélection |  |
divers |
Catégorie : CSS Rubrique: divers
|
Ang: selection
Fra.: sélection
Catégorie: CSS Rubrique: divers |
|
static | statique |  |
divers |
Catégorie : CSS Rubrique: divers
|
Ang: static
Fra.: statique
Catégorie: CSS Rubrique: divers |
|
style sheet | feuille de style |  |
divers |
CSS ; Cascading Style Sheets,
En rapport avec:, CSS,
Catégorie : CSS Rubrique: divers
|
Ang: style sheet
Fra.: feuille de style
CSS ; Cascading Style Sheets,
En rapport avec:, CSS,
Catégorie: CSS Rubrique: divers |
|
syntax | syntaxe |  |
divers |
selector : h1, H2,
regroupement des sélecteurs :
h1, h2,
property : color
color;red;
valeur : red
id : #exemple_id
classe : .exemple_classe
En rapport avec:, selector, property,
Catégorie : CSS Rubrique: divers
|
Ang: syntax
Fra.: syntaxe
selector : h1, H2,
regroupement des sélecteurs :
h1, h2,
property : color
color;red;
valeur : red
id : #exemple_id
classe : .exemple_classe
En rapport avec:, selector, property,
Catégorie: CSS Rubrique: divers |
|
target | cible |  |
divers |
Catégorie : CSS Rubrique: divers
|
Ang: target
Fra.: cible
Catégorie: CSS Rubrique: divers |
|
unit | unité |  |
divers |
En rapport avec:, hardware, main unit,
Catégorie : CSS Rubrique: divers
|
Ang: unit
Fra.: unité
En rapport avec:, hardware, main unit,
Catégorie: CSS Rubrique: divers |
|
validation | validation du code CSS |  |
divers |
Catégorie : CSS Rubrique: divers
|
Ang: validation
Fra.: validation du code CSS
Catégorie: CSS Rubrique: diversSite
|
|
vendor prefixes | préfixes vendeurs |  |
divers |
-moz : Firefox
-webkit : Chrome, Android, Safari,
-ms : Internet Explorer
-o : Opera
Catégorie : CSS Rubrique: divers
|
Ang: vendor prefixes
Fra.: préfixes vendeurs
-moz : Firefox
-webkit : Chrome, Android, Safari,
-ms : Internet Explorer
-o : Opera
Catégorie: CSS Rubrique: diversSite
|
|
nth-child | nième enfant de |  |
DOM |
Abr.: nieme child
// avec jQuery
$('li').filter(':nth-child(even)').css('color', 'red');
Pseudo-classe
En rapport avec:, odd, child,
Catégorie : CSS Rubrique: DOM
|
Ang: nth-child
Fra.: nième enfant de
Abr.: nieme child
// avec jQuery
$('li').filter(':nth-child(even)').css('color', 'red');
Pseudo-classe
En rapport avec:, odd, child,
Catégorie: CSS Rubrique: DOM
|
|
inset | effet 3D enfoncé |  |
 |
Catégorie : CSS Rubrique: effect
|
Ang: inset
Fra.: effet 3D enfoncé
Catégorie: CSS Rubrique: effect |
|
opacity | opacité |  |
 |
En rapport avec:, rgba,
Catégorie : CSS Rubrique: effect
|
Ang: opacity
Fra.: opacité
En rapport avec:, rgba,
Catégorie: CSS Rubrique: effect |
|
shadowing | ombre |  |
 |
Catégorie : CSS Rubrique: effect
|
Ang: shadowing
Fra.: ombre
Catégorie: CSS Rubrique: effect |
|
transition | transition |  |
 |
Catégorie : CSS Rubrique: effect
|
Ang: transition
Fra.: transition
Catégorie: CSS Rubrique: effect |
|
active | actif |  |
 |
Catégorie : CSS Rubrique: event
|
Ang: active
Fra.: actif
Catégorie: CSS Rubrique: event |
|
hover | passer dessus |  |
 |
A:hover {
COLOR: Rb(220,35,220);
} au survol
.button2:hover
{
background: green;
}
En rapport avec:,button, a, action,
Catégorie : CSS Rubrique: event
|
Ang: hover
Fra.: passer dessus
A:hover {
COLOR: Rb(220,35,220);
} au survol
.button2:hover
{
background: green;
}
En rapport avec:,button, a, action,
Catégorie: CSS Rubrique: event
|
|
CSS | feuilles de style en cascade |  |
 |
Abr.: Cascading Style Sheet
<*head>
<*meta charset="UTF-8">
<*meta name="viewport" content="width=device-width, initial-scale=1.0">
<*link href="css/bootstrap.min.css" rel="stylesheet">
<*link href="css/bootstrap-theme.min.css" rel="stylesheet" />
<*link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
<*/head>
selector, declaration, property, value
ex5.css gestion de la mise en forme de votre site
.exemple{ => exemple de classe
}
#exemple_id {
}
-- exemple -->
style.css :
h1 {
text-align: center;
}
En rapport avec:, extension, link rel, link href, head, bootstrap, awesome, cours,
Catégorie : CSS Rubrique: extension
|
Ang: CSS
Fra.: feuilles de style en cascade
Abr.: Cascading Style Sheet
<*head>
<*meta charset="UTF-8">
<*meta name="viewport" content="width=device-width, initial-scale=1.0">
<*link href="css/bootstrap.min.css" rel="stylesheet">
<*link href="css/bootstrap-theme.min.css" rel="stylesheet" />
<*link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
<*/head>
selector, declaration, property, value
ex5.css gestion de la mise en forme de votre site
.exemple{ => exemple de classe
}
#exemple_id {
}
-- exemple -->
style.css :
h1 {
text-align: center;
}
En rapport avec:, extension, link rel, link href, head, bootstrap, awesome, cours,
Catégorie: CSS Rubrique: extension
|
|
SCSS | . |  |
 |
Abr.: Sassy CSS
En rapport avec:, SAAS,
Catégorie : CSS Rubrique: extension
|
Ang: SCSS
Fra.: .
Abr.: Sassy CSS
En rapport avec:, SAAS,
Catégorie: CSS Rubrique: extension
|
|
background-size | taille de l'arrière plan |  |
 |
En rapport avec:, cover, background,
Catégorie : CSS Rubrique: feature
|
Ang: background-size
Fra.: taille de l'arrière plan
En rapport avec:, cover, background,
Catégorie: CSS Rubrique: featureSite
|
|
inner margin | marge intérieure (padding) |  |
 |
Catégorie : CSS Rubrique: feature
|
Ang: inner margin
Fra.: marge intérieure (padding)
Catégorie: CSS Rubrique: feature |
|
width | largeur |  |
 |
width:950px;
body {
background-color: #FFFFFF;
width:950px;
}
Catégorie : CSS Rubrique: feature
|
Ang: width
Fra.: largeur
width:950px;
body {
background-color: #FFFFFF;
width:950px;
}
Catégorie: CSS Rubrique: feature
|
|
button | bouton |  |
 |
.button2:hover
{
background: green;
}
En rapport avec:, hover,
Catégorie : CSS Rubrique: form
|
Ang: button
Fra.: bouton
.button2:hover
{
background: green;
}
En rapport avec:, hover,
Catégorie: CSS Rubrique: form |
|
cheat sheet | aide-mémoire |  |
 |
Catégorie : CSS Rubrique: help
|
Ang: cheat sheet
Fra.: aide-mémoire
Catégorie: CSS Rubrique: help |
|
# | déclaration de l'identifiant (ID) |  |
 |
#fond_ecran { background-color: yellow;}
voir aussi ID
-- exemple -->
dans le css :
#fond_ecran { background-color: yellow;}
dans le html :
<*body id="fond_ecran">
<*/body>
En rapport avec:, ID,
Catégorie : CSS Rubrique: id
|
Ang: #
Fra.: déclaration de l'identifiant (ID)
#fond_ecran { background-color: yellow;}
voir aussi ID
-- exemple -->
dans le css :
#fond_ecran { background-color: yellow;}
dans le html :
<*body id="fond_ecran">
<*/body>
En rapport avec:, ID,
Catégorie: CSS Rubrique: id |
|
ID | identifiant |  |
 |
<*body id="fond_ecran">
#fond_ecran { background-color: yellow;}
<*body id="fond_ecran">
Catégorie : CSS Rubrique: id
|
Ang: ID
Fra.: identifiant
<*body id="fond_ecran">
#fond_ecran { background-color: yellow;}
<*body id="fond_ecran">
Catégorie: CSS Rubrique: id |
|
background-image | image de fond |  |
 |
En rapport avec:, background,
Catégorie : CSS Rubrique: image
|
Ang: background-image
Fra.: image de fond
En rapport avec:, background,
Catégorie: CSS Rubrique: image
|
|
sprite | A partir d'un fichier image on peut accéder à certaines parties grâce aux CSS |  |
 |
en rapport avec background-position, background (png)
Catégorie : CSS Rubrique: image
|
Ang: sprite
Fra.: A partir d'un fichier image on peut accéder à certaines parties grâce aux CSS
en rapport avec background-position, background (png)
Catégorie: CSS Rubrique: image |
|
!important | important |  |
 |
Catégorie : CSS Rubrique: instruction
|
Ang: !important
Fra.: important
Catégorie: CSS Rubrique: instructionSite
|
|
* | sélecteur universel |  |
 |
Catégorie : CSS Rubrique: instruction
|
Ang: *
Fra.: sélecteur universel
Catégorie: CSS Rubrique: instruction |
|
comment | commentaire |  |
 |
/* exemple de commentaire */
Catégorie : CSS Rubrique: instruction
|
Ang: comment
Fra.: commentaire
/* exemple de commentaire */
Catégorie: CSS Rubrique: instruction |
|
dotted | ligne en pointillés |  |
line |
Catégorie : CSS Rubrique: line
|
Ang: dotted
Fra.: ligne en pointillés
Catégorie: CSS Rubrique: line |
|
double | ligne double |  |
line |
Catégorie : CSS Rubrique: line
|
Ang: double
Fra.: ligne double
Catégorie: CSS Rubrique: line |
|
line-height | hauteur de ligne |  |
line |
line-height: 1;
Catégorie : CSS Rubrique: line
|
Ang: line-height
Fra.: hauteur de ligne
line-height: 1;
Catégorie: CSS Rubrique: line |
|
solid | ligne pleine |  |
line |
Catégorie : CSS Rubrique: line
|
Ang: solid
Fra.: ligne pleine
Catégorie: CSS Rubrique: line |
|
link | lien |  |
 |
A:link {
COLOR: Rb(0,0,255)
}
En rapport avec:, symbolic Link,
Catégorie : CSS Rubrique: link
|
Ang: link
Fra.: lien
A:link {
COLOR: Rb(0,0,255)
}
En rapport avec:, symbolic Link,
Catégorie: CSS Rubrique: link |
|
visited | lien visité (VSS) |  |
 |
A:visited {
COLOR: Rb(9,223,247)
}
Catégorie : CSS Rubrique: link
|
Ang: visited
Fra.: lien visité (VSS)
A:visited {
COLOR: Rb(9,223,247)
}
Catégorie: CSS Rubrique: link |
|
list-style-type | apparence d'un élément de liste |  |
 |
liste avec cercle devant l'élément de la liste
list-style-type: circle;
autres valeurs : square, upper-roman, upper-latin,
En rapport avec:, circle, square,
Catégorie : CSS Rubrique: list
|
Ang: list-style-type
Fra.: apparence d'un élément de liste
liste avec cercle devant l'élément de la liste
list-style-type: circle;
autres valeurs : square, upper-roman, upper-latin,
En rapport avec:, circle, square,
Catégorie: CSS Rubrique: listSite
|
|
margin | marge extérieure (marge externe) |  |
margin |
margin: 0px;
En rapport avec:, Excel, padding, cours,
Catégorie : CSS Rubrique: margin
|
Ang: margin
Fra.: marge extérieure (marge externe)
margin: 0px;
En rapport avec:, Excel, padding, cours,
Catégorie: CSS Rubrique: margin
|
|
margin-right | marge externe gauche |  |
margin |
La classe container de bootstrap utilise margin-right :
*.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
En rapport avec:, propriety,
Catégorie : CSS Rubrique: margin
|
Ang: margin-right
Fra.: marge externe gauche
La classe container de bootstrap utilise margin-right :
*.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
En rapport avec:, propriety,
Catégorie: CSS Rubrique: margin |
|
margin-top | marge en haut |  |
margin |
margin-top : -10px;
.exemple{
margin-top : -10px;
}
Catégorie : CSS Rubrique: margin
|
Ang: margin-top
Fra.: marge en haut
margin-top : -10px;
.exemple{
margin-top : -10px;
}
Catégorie: CSS Rubrique: margin |
|
outer margin | marge extérieure (margin) |  |
margin |
Catégorie : CSS Rubrique: margin
|
Ang: outer margin
Fra.: marge extérieure (margin)
Catégorie: CSS Rubrique: margin |
|
selector | sélecteur |  |
object |
h1, p, body,
-> property -> value
selector (css) = tag (html)
En rapport avec:, element, property, value, h1, tag,
Catégorie : CSS Rubrique: object
|
Ang: selector
Fra.: sélecteur
h1, p, body,
-> property -> value
selector (css) = tag (html)
En rapport avec:, element, property, value, h1, tag,
Catégorie: CSS Rubrique: objectSite
|
|
padding-top | marge intérieure haute |  |
padding |
Catégorie : CSS Rubrique: padding
|
Ang: padding-top
Fra.: marge intérieure haute
Catégorie: CSS Rubrique: padding |
|
absolute | absolue |  |
 |
position:absolute;
En rapport avec:, position,
Catégorie : CSS Rubrique: position
|
Ang: absolute
Fra.: absolue
position:absolute;
En rapport avec:, position,
Catégorie: CSS Rubrique: positionSite
|
|
after | après |  |
 |
.exemple > li:after
{
}
En rapport avec:, li,
Catégorie : CSS Rubrique: position
|
Ang: after
Fra.: après
.exemple > li:after
{
}
En rapport avec:, li,
Catégorie: CSS Rubrique: position |
|
auto | automatique |  |
 |
Catégorie : CSS Rubrique: position
|
Ang: auto
Fra.: automatique
Catégorie: CSS Rubrique: position |
|
bottom | en bas |  |
 |
bottom: 0;
En rapport avec:, position,
Catégorie : CSS Rubrique: position
|
Ang: bottom
Fra.: en bas
bottom: 0;
En rapport avec:, position,
Catégorie: CSS Rubrique: position |
|
focus | focus |  |
 |
A:focus {
COLOR: RGB(255,12,12)
}
Catégorie : CSS Rubrique: position
|
Ang: focus
Fra.: focus
A:focus {
COLOR: RGB(255,12,12)
}
Catégorie: CSS Rubrique: position |
|
footer | bas de page |  |
 |
Catégorie : CSS Rubrique: position
|
Ang: footer
Fra.: bas de page
Catégorie: CSS Rubrique: position |
|
justify | justifier |  |
 |
text-align:justify;
Catégorie : CSS Rubrique: position
|
Ang: justify
Fra.: justifier
text-align:justify;
Catégorie: CSS Rubrique: position |
|
margin-left | marge externe gauche |  |
 |
*.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
Catégorie : CSS Rubrique: position
|
Ang: margin-left
Fra.: marge externe gauche
*.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
Catégorie: CSS Rubrique: position |
|
padding | marge interne |  |
 |
padding: 1px;
marge intérieure
En rapport avec:, margin, cours,
Catégorie : CSS Rubrique: position
|
Ang: padding
Fra.: marge interne
padding: 1px;
marge intérieure
En rapport avec:, margin, cours,
Catégorie: CSS Rubrique: position
|
|
padding-left | marge intérieure gauche |  |
 |
Catégorie : CSS Rubrique: position
|
Ang: padding-left
Fra.: marge intérieure gauche
Catégorie: CSS Rubrique: position |
|
position | position |  |
 |
position:absolute;
il existe aussi relative
voir aussi padding, margin,
En rapport avec:, absolute, relative, padding, marge,
Catégorie : CSS Rubrique: position
|
Ang: position
Fra.: position
position:absolute;
il existe aussi relative
voir aussi padding, margin,
En rapport avec:, absolute, relative, padding, marge,
Catégorie: CSS Rubrique: positionSite
|
|
positioning | positionnement |  |
 |
Catégorie : CSS Rubrique: position
|
Ang: positioning
Fra.: positionnement
Catégorie: CSS Rubrique: position |
|
relative | relatif |  |
 |
Catégorie : CSS Rubrique: position
|
Ang: relative
Fra.: relatif
Catégorie: CSS Rubrique: positionSite
|
|
text-align | alignement du texte |  |
 |
text-align: center;
<*style type="text/css">
.*style1 {
text-align: center;
}
.*style2 {
font-size: 10pt; text-align: center;
}
<*/style>
En rapport avec:, justify, text, center,
Catégorie : CSS Rubrique: position
|
Ang: text-align
Fra.: alignement du texte
text-align: center;
<*style type="text/css">
.*style1 {
text-align: center;
}
.*style2 {
font-size: 10pt; text-align: center;
}
<*/style>
En rapport avec:, justify, text, center,
Catégorie: CSS Rubrique: position |
|
top | au dessus |  |
 |
top: 0;
En rapport avec:, bottom, position,
Catégorie : CSS Rubrique: position
|
Ang: top
Fra.: au dessus
top: 0;
En rapport avec:, bottom, position,
Catégorie: CSS Rubrique: position |
|
display | affichage |  |
 |
display: none;
.exemple{
display: none;
}
En rapport avec:,none,
Catégorie : CSS Rubrique: property
|
Ang: display
Fra.: affichage
display: none;
.exemple{
display: none;
}
En rapport avec:,none,
Catégorie: CSS Rubrique: property |
|
float | flottant |  |
 |
float:left;
.example_float{
float:left;
}
En rapport avec:,left, right,
Catégorie : CSS Rubrique: property
|
Ang: float
Fra.: flottant
float:left;
.example_float{
float:left;
}
En rapport avec:,left, right,
Catégorie: CSS Rubrique: property
|
|
height | hauteur |  |
 |
Catégorie : CSS Rubrique: property
|
Ang: height
Fra.: hauteur
Catégorie: CSS Rubrique: property |
|
property | propriété |  |
 |
Catégorie : CSS Rubrique: property
|
Ang: property
Fra.: propriété
Catégorie: CSS Rubrique: propertySite
|
|
+ | plus |  |
 |
Catégorie : CSS Rubrique: selector
|
Ang: +
Fra.: plus
Catégorie: CSS Rubrique: selector |
|
> | le parent direct |  |
 |
div > p {
color:yellow;
}
Catégorie : CSS Rubrique: selector
|
Ang: >
Fra.: le parent direct
div > p {
color:yellow;
}
Catégorie: CSS Rubrique: selectorSite
|
|
~ | tilde |  |
 |
Catégorie : CSS Rubrique: selector
|
Ang: ~
Fra.: tilde
Catégorie: CSS Rubrique: selectorSite
|
|
style | styles |  |
style |
styles, default stylesheet file
styles.css
Catégorie : CSS Rubrique: style
|
Ang: style
Fra.: styles
styles, default stylesheet file
styles.css
Catégorie: CSS Rubrique: style |
|
a | ancre |  |
 |
link, visited, hover, active
text-decoration, background,
Catégorie : CSS Rubrique: tag
|
Ang: a
Fra.: ancre
link, visited, hover, active
text-decoration, background,
Catégorie: CSS Rubrique: tag |
|
block | bloc |  |
 |
élément de type block :
<*p>, <*footer>, <*h1>, <*article>, <*div>,
En rapport avec:, tag,
Catégorie : CSS Rubrique: tag
|
Ang: block
Fra.: bloc
élément de type block :
<*p>, <*footer>, <*h1>, <*article>, <*div>,
En rapport avec:, tag,
Catégorie: CSS Rubrique: tag |
|
inline | en ligne |  |
 |
balise en ligne : <*a>, <*span>, <*strong>,
En rapport avec:, tag,
Catégorie : CSS Rubrique: tag
|
Ang: inline
Fra.: en ligne
balise en ligne : <*a>, <*span>, <*strong>,
En rapport avec:, tag,
Catégorie: CSS Rubrique: tagSite
|
|
p | paragraphe |  |
 |
Catégorie : CSS Rubrique: tag
|
Ang: p
Fra.: paragraphe
Catégorie: CSS Rubrique: tag |
|
tag | balise |  |
 |
h1{
color: yellow;
}
Catégorie : CSS Rubrique: tag
|
Ang: tag
Fra.: balise
h1{
color: yellow;
}
Catégorie: CSS Rubrique: tag |
|
pt | point |  |
 |
Abr.: point
Catégorie : CSS Rubrique: unit
|
Ang: pt
Fra.: point
Abr.: point
Catégorie: CSS Rubrique: unit
|
|
|