Cours par Webcam

Cours par Webcam

Formateur Web pour adultes depuis plus 11 ans, je vous propose des COURS collectifs par WEBCAM en LIVE pour booster vos connaissances et être autonome dans la création de site.

En savoir plus

Tags base

Page HTML

Tags sémantiques

Tags navigation

Tags mise en page

Tags multimédia

Tags interaction

Tags grouper

Tags tableau

Tags formulaire

Tags universelles

Attributs globaux

Facebook
Twitter
LinkedIn

Balise STYLE

Rôle

La balise <style> est utilisé pour définir les informations de style CSS pour un document HTML. Elle doit être placée dans la balise head si la feuille de style doit s’appliquer à tout le document

Pour créer un lien vers une feuille de style externe, utilisez la balise link.

Testez vous-même cette balise

Utilisez Codepen.

Voici le resultat

Compatibilité

navigateur-chromenavigateur-firefoxnavigateur-ienavigateur-safarinavigateur-opera

La balise <style> est pris en charge par tous les principaux navigateurs

Attributs spécifiques

Attributs spécifiques à cet élément

media
Spécifie le type de média pour lequel le lien est optimisé. Vous pouvez combiner les informations avec les opérateurs or (ou) and (et) et not(non)
Syntaxe :
<style media= "print" >
 h1 {color:red;}
 p {color:blue;}
</style>

Appareils :

  • all : par défaut, tous les appareils
  • aural : synthétiseur vocal
  • braille : dispositif en braille
  • handheld : appareil de poche
  • projection : projecteur
  • print : mode aperçu pour impression
  • screen : écran d’ordinateur
  • tty : téléscripteur et média similaire
  • tv : dispositif de type télévision
scoped
Spécifie que les styles ne s’appliquent qu’à l’élément parent qui contient la balise style ainsi qu’aux éléments HTML enfants – et non pas à tout le document (pris en charge uniquement par Firefox)
Syntaxe :
<div>
 <style scoped >
  h1 {color:red;}
  p {color:blue;}
 </style>
 <h1>Un titre</h1>
 <p>Un paragraphe</p>
</div>
type
Précise le type MINE du contenu entre les balises <style>
Syntaxe :
<style type= "text/css" >
 h1 {color:red;}
 p {color:blue;}
</style>

Voir les autres balises d’intéraction

base– noscript– script– style– meta– link– title

A lire aussi

tutowebdesign

Afficher du contenu au scroll

Afficher du contenu au scroll Voici un effet impressionnant et pourtant très facile à mettre en place sur vos pages. Le principe consiste à faire

Lire »