HTML Tutorials |
|
XML Tutorials |
|
Browser Scripting |
|
Server Scripting |
|
.NET (dotnet) |
|
Multimedia |
|
Web Building |
|
Java Tutorials |
|
Programming Langauges |
|
Soft Skills |
|
Database Tutorials |
|
Operating System |
|
Software Testing |
|
SAP Module |
|
Networking Programming |
|
Microsoft Office |
|
Accounting |
|
|
La syntaxe de CSS est classée par catégorie dans trois parts : un sélecteur, une propriété et une valeur :
|
Règles
|
Syntaxe :
|
selector {property: value}
|
|
N'importe quelle étiquette de HTML est un sélecteur CSS1 possible. Vous pouvez lié à un modèle particulier qui est simplement élément de HTML par le sélecteur. Par exemple, le sélecteur dedans
|
|
Sélecteurs de classe
|
Syntaxe de sélecteur de classe :
|
.classname{property:value;}
|
|
Différentes classes peuvent être définies dans un sélecteur simple, de ce fait permettant au même élément d'avoir différents modèles. Par exemple, un auteur peut souhaiter employer la couleur différente pour montrer le code selon sa langue :
|
code.html { color: #191970 }
code.css { color: #4b0082 }
|
|
Par exemple, avec le class~= " pastoral " nous pouvons assigner l'information de modèle à tous les éléments comme suit :
|
*.pastoral { color: green } /* all elements with class~=pastoral */
|
|
Avec le class~= " pastoral ", le code suivant assigne le modèle seulement aux éléments H1 :
|
H1.pastoral { color: green } /* H1 elements with class~=pastoral */
|
|
Donné ces règles, le premier exemple H1 ci-dessous n'aurait pas le texte vert, alors que la seconde :
|
<H1>Not green</H1>
<H1 class="pastoral">Very green</H1>
|
|
Sans élément associé, des classes peuvent également être déclarées :
|
.note { font-size: small }
|
|
Sélecteurs d'identification
|
Syntaxe de sélecteur d'identification :
|
|
Des sélecteurs d'identification sont individuellement assignés afin de définir sur une base de par-élément. En raison de ses limitations inhérentes, ce type de sélecteur devrait seulement être employé économiquement. En employant l'indicateur « # " pour précéder un nom, un sélecteur d'identification est assigné. Par exemple, un sélecteur d'identification a pu être assigné en tant que tels :
|
#svp94O { text-indent: 4em }
|
|
Grouper
|
On permet à grouper des sélecteurs et des déclarations afin de diminuer des rapports répétitifs dans des feuilles de modèle. Par exemple, dans un document, tous les titres ont pu être donnés des déclarations identiques par grouper :
|
Grouping
|
Grouping of selectors and declarations is allowed in order to decrease repetitious statements within style sheets,. For example,in a document , all of the
headings could be given identical declarations through a grouping:
|
h1,h2,h3,h4,h5,h6
{
color: blue
font-family: sans-serif
}
|
|
Commentaires de CSS
|
Des commentaires sont dénotés dans des feuilles de modèle correspond des commentaires dans la programmation de C.
Les commentaires peuvent vous aider quand vous éditez le code source à une date ultérieure et êtes habitués à expliquer votre code. Un commentaire sera ignoré par des navigateurs. Un commentaire de CSS commence par « /* », et extrémités avec « */ », comme ceci
|
/* COMMENTS CANNOT BE NESTED */
|
|
|
|
|
|
Keywords:
css syntax html element, cascading style sheets, style sheets,
css syntax attribute
|
|
HTML Quizes |
|
XML Quizes |
|
Browser Scripting Quizes |
|
Server Scripting Quizes |
|
.NET (dotnet) Quizes |
|
Multimedia Quizes |
|
Web Building Quizes |
|
Java Quizes |
|
Programming Langauges Quizes |
|
Soft Skills Quizes |
|
Database Quizes |
|
Operating System Quizes |
|
Software Testing Quizes |
|
SAP Module Quizes |
|
Networking Programming Quizes |
|
Microsoft Office Quizes |
|
Accounting Quizes |
|
|