Types de CSS – PHPGurukul

Posted on


Style CSS en ligne

Le style en ligne peut être attribué à l’attribut style de toutes les balises html.

…..

« Tag style = » attribut: valeur «  » spécifie l’attribut et sa valeur pour le contenu de certaines balises.

Exemple


Text Sample

Production:

Exemple de texte

Explication:

« Color: blue; font-family: Calibre; font-size: 30pt » spécifie la couleur du texte en bleu, la famille de polices Calibre et la taille de la police en 30pt.

Remarque: l’utilisation du style en ligne n’est pas recommandée car elle affecte l’ensemble de la mise en page CC.

CSS de style interne

Le style interne CSS est un CSS standard qui est le plus fréquemment utilisé dans les fichiers HTML et CSS: La syntaxe ressemble à ceci:

Exemple




Hello World

Hello Delhi

Production:

Bonjour le monde

Bonjour Delhi

Explication:

est une syntaxe CSS de style interne, décalant un CSS interne.

« H2 {color: orange} » spécifie la couleur de police pour la balise

« 

Bonjour le monde

».

« P {font-size: 18pt} » spécifie la taille de police pour la balise

« 

Bonjour Delhi

».

CSS utilise / * et * / comme commentaire.

/ * déclare un style externe css * / est un commentaire css.

CSS externe

Avec le CSS externe, vous allez lier vos pages Web à un externe .css Ce type de CSS est une méthode plus efficace, en particulier pour styliser un grand site Web. En éditant un .css fichier, vous pouvez modifier l’intégralité de votre site à la fois.

Lien HTML avec feuille de style externe par liaison

dans ……………………………. est fait.

Exemple

fichier style.css

.post{
color:#066;
font-family:Tahoma;
text-align:justify;
}

fichier index.html





  External CSS Example


www.phpgurukul.com

HP is a server-side scripting language designed specifically for the web. Within an HTML page, you can embed PHP code that will be executed each time the page is visited. Your PHP code is interpreted at the web server and generates HTML or other output that the visitor will see.

Production



Telecharger ici

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *