communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français

L’importance de démarrer facilement avec HTML+CSS

Lorsque nous créons le code d'une page Web, il existe des situations particulières dans lesquelles nous devons définir le poids le plus élevé pour certains styles. Que devons-nous faire ? À ce stade, nous pouvons utiliser !important pour le résoudre. 

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>!important</title>
<style type="text/css">
	p{
		color:red!important;
	}
	p.first{
		color:green;
	}
</style>
</head>
<body>
    <h1>勇气</h1>
    <p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，
    生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
    <p id="second">到了三年级下学期时，我们班上了一节公开课，老师提出了一个很
    <span class="first">简单</span>
    的问题，班里很多同学都举手了，甚至成绩比我差很多的，
    也举手了，还说着："我来，我来。"我环顾了四周，就我没有举手。
    </p>
    
</body>
</html>

À ce moment, le texte du paragraphe p sera affiché en rouge.

Remarque : !important doit être écrit devant le point-virgule

Notez ici que lorsque le créateur de la page Web ne définit pas le style CSS, le navigateur affichera la page Web selon son propre style. ensemble de styles. Et les utilisateurs peuvent également définir leurs propres styles personnalisés dans le navigateur. Par exemple, certains utilisateurs ont l'habitude de définir une taille de police plus grande afin de pouvoir afficher plus clairement le texte de la page Web. Pour le moment, veuillez noter que la priorité du style est : style par défaut du navigateur < style du créateur de page Web < l'utilisateur.


Formation continue
||
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>!important</title> <style type="text/css"> p{ color:red!important; } p.first{ color:green; } </style> </head> <body> <h1>勇气</h1> <p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题， 生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p> <p id="second">到了三年级下学期时，我们班上了一节公开课，老师提出了一个很 <span class="first">简单</span> 的问题，班里很多同学都举手了，甚至成绩比我差很多的， 也举手了，还说着："我来，我来。"我环顾了四周，就我没有举手。 </p> </body> </html>
soumettreRéinitialiser le code
Section précédente section suivante
Liste des didacticiels
obtenir de l'aide
  • Recommandations de cours
  • Téléchargement du didacticiel
Le didacticiel n'est pas disponible au téléchargement pour le moment. Le staff est actuellement en train de l'organiser. Veuillez prêter plus d'attention à ce cours à l'avenir ~

Les étudiants qui ont regardé ce cours apprennent également

Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)  492784 joue