Maison >interface Web >tutoriel CSS >Explication détaillée de la façon d'utiliser les styles CSS en ligne, les styles intégrés et les styles de référence externes
Explication détaillée de la façon d'utiliser les styles CSS en ligne, les styles intégrés et les styles de référence externes
- 王林avant
- 2020-03-21 11:01:543520parcourir
Un exemple simple d'utilisation des trois est le suivant :
Style en ligne :
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>css行内样式</title> </head> <body> <div style="width:100px;height:100px;background:red;"></div>> </body> </html>
(Tutoriel recommandé : Tutoriel CSS )
Style en ligne :
<!!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>css内嵌样式</title>
</head>
<body>
<style type="text/css">
#div{width:100px;height:100px;background:red;}
</style>
<div id="div"></div>>
</body>
</html>Style externe :
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>css内嵌样式</title> <link rel="stylesheet" type="text/css" href="ccss.css"> </head> <body> <div id="div"></div>> </body> </html>
fichier CSS :
#div{width:100px;height:100px;background:red;}Résumé :
Style en ligne : le code est écrit dans un élément d'une page Web spécifique, par exemple : 69488b5ef9e0d45b3c24d1c2c63b861416b28748ea4df4d9c2150843fecfba68
Style en ligne : c'est dans < ;/head>Écrivez devant ; par exemple : 080b747a20f9163200dd0a7d304ba388.div{color:#F00}531ac245ce3e4fe3d50054a55f265927
Style externe : fait référence vers un fichier CSS externe ; par exemple ：035edf72ed074421fd586ae87126add1
Recommandations de didacticiels vidéo connexes : vidéo css tutoriel
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!