css est composée de deux parties :
body{
Style
}
La partie avant {} est " Sélecteur", "sélecteur" spécifie la cible du "style" dans {}, c'est-à-dire sur quels éléments de la page Web le "style" agit
le corps est un élément html, nous appelons donc également c'est un sélecteur d'élément
div table span etc.
Regardons l'exemple ci-dessous
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>元素选择器</title> <style type="text/css"> p{ color:red; } div{ color:red; } span{ color:red; } </style> </head> <body> <p>中国</p> <div>美国</div> <span>日本</span> </body> </html>
Remarque : s'il y a plusieurs balises dans le texte et doivent avoir les mêmes style, alors nous utiliserons css Beaucoup de code répété doit être écrit dans le style, donc la page sera désordonnée. Utilisons une méthode pour l'écrire. Le code est le suivant :
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>元素选择器</title> <style type="text/css"> p,div,span{ color:red; } </style> </head> <body> <p>中国</p> <div>美国</div> <span>日本</span> </body> </html>
L'effet de. écrire de cette façon est la même que ci-dessus, mais le code sera très soigné
.section suivante