Comment référencer du CSS en HTML : 1. Référencer du CSS via un style en ligne, un code tel que "
" ; 2. Référencer un CSS via une feuille de style interne, un code tel que comme " "; 3. Référencez le CSS via une feuille de style externe.
L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur DELL G3.
Trois façons de référencer CSS en HTML
CSS a été lancé dans HTML 4 et a été introduit pour mieux restituer les éléments HTML.
Il existe trois façons pour introduire le CSS dans HTML : 1-inline, 2-feuille de style interne, 3-feuille de style externe.
Style en ligne :
<body style="background-color: gray">
Dans la balise style=" " "
Tableau de style interne :
<style type="text/css"> p {color:red;} <!--内部样式表--> </style>
Utilisez la balise de style pour placer les attributs à contrôler par CSS à l'intérieur de la balise
Feuille de style externe :
<link rel="stylesheet" type="text/css" href="mystyle.css">
Dans la balise head, et utilisez la balise link pour introduire le fichier CSS que vous souhaitez charger
J'ai accidentellement découvert que lorsque j'utilise ces trois méthodes d'expression pour contrôler l'arrière-plan- attribut color en même temps Lorsque , seules les propriétés contenues dans la balise du style en ligne prennent effet.
Définissez la couleur d'arrière-plan de la balise en ligne sur gris, la feuille de style interne sur rouge et la feuille de style externe pour ne pas la définir. La couleur d'arrière-plan du HTML est le gris.
La couleur d'arrière-plan de la balise en ligne est définie sur gris, la feuille de style externe est définie sur jaune et la feuille de style interne n'est pas définie. La couleur d'arrière-plan du HTML est le gris.
La feuille de style interne est définie sur rouge et la feuille de style externe est définie sur jaune. La couleur d'arrière-plan du HTML est le jaune. Feuille de style externe > .
Pour des connaissances HTML/css plus détaillées, veuillez visiter la colonne
Tutoriel vidéo HTML!
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!