|
|
| 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
|
|
|
|
