Maison  >  Article  >  interface Web  >  Premiers pas avec le CSS3 frontal

Premiers pas avec le CSS3 frontal

php中世界最好的语言
php中世界最好的语言original
2018-03-10 09:31:181615parcourir

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

Qu'est-ce que le CSS3

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn