Nous savons que si vous voulez apprendre le front-end, alors CSS3 et HTML5 sont les connaissances les plus basiques et les premières à apprendre. Aujourd'hui, nous allons vous présenter CSS3, l'introduction du front-end, examinons-la ensemble.
Pas d'autres bêtises et allons droit au but
Les éléments clés du CSS3 formant une page
CSS3 est divisé en "modules". Les anciennes spécifications ont été divisées en petits morceaux et de nouvelles ont été ajoutées.
Certains des modules CSS3 les plus importants sont les suivants :
Sélecteur
css est également appelé style, qui se compose de "sélecteur", "style attribut " et "Valeur de sélection d'attribut" se compose de trois parties (questions d'entretien Alibaba);
Si vous souhaitez définir le style CSS dans l'élément HTML , vous devez définir "l'identifiant" et les sélecteurs "class" dans l'élément ① .
① Les éléments sont appelés DOM dans JS et sont divisés en éléments de niveau bloc et éléments en ligne
Si vous ne comprenez pas, vérifiez les détails par vous-même
<p class="xxx">Hello,world</p>选择器{属性:值} .xxx{width:100px;}<p id="xxx">Hello,world</p>选择器{属性:值} #xxx{width:100px;}
Les deux Presque pareil, si le sélecteur utilise la classe, lors de l'écriture du style, il commence par "." tel que .xxx Si le sélecteur utilise id, il commence par "#" tel que #xxx (insistez particulièrement sur le fait que id est le seul. sélecteur, nom de classe Ne peut être utilisé qu'une seule fois).
Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention au site Web chinois php Autres articles liés !
Lecture connexe :
Comment résoudre le piratage CSS de IE11
Comment axios crée un client de requête HTTP basé sur une promesse
Comment VUE utilise anmate.css
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!