Maison >interface Web >tutoriel CSS >Introduction détaillée aux points de connaissance du style CSS frontal Web
Introduction détaillée aux points de connaissance du style CSS frontal Web
- 高洛峰original
- 2017-03-27 17:58:341987parcourir
Il existe de nombreuses façons d'utiliser le style CSS en HTML
Il existeLa méthode de référence externe
a la capacité d'écrire du CSS qui contrôle le HTML directement à partir du <head> tag La déclaration de style
peut être directement écrite en CSS dans la balise que vous souhaitez contrôler pour contrôler la priorité
:
Style par défaut du navigateur le plus bas
Style de référence externe Deuxièmement
dans la balise head Deuxièmement
La balise que vous souhaitez contrôler a la priorité la plus élevée
2. Vous pouvez combiner des sélecteurs
h1 ,h2,h3,h4,h5{color:green>
Vous devez utiliser un symbole au milieu pour les séparer afin qu'ils aient un style unifié
Le même élément peut également être spécifié pour lui Différents attributs Par exemple :
p.center{text-align:center>
Ce qui précède est le style CSS qui contrôle l'instruction HTML suivante
L'instruction en HTML est :
c'est vrai
c'est le centre
Dans ce De cette manière, spécifiez différentes valeurs pour le nom de la classe P, afin que vous puissiez contrôler différents styles du même élément via le nom de la classe.
3. Prise en charge du CSS par le navigateur
Maintenant, CSS3.0 a de nombreux effets intéressants, mais certains navigateurs ne prennent pas très bien en charge les styles CSS, comme IE
Certains des Les styles css3.0 ne sont pas pris en charge par IE9. Les systèmes que nous utilisons actuellement sont généralement des navigateurs IE7 8 9. C’est tout simplement trop pénible pour le développement.
Cependant, Firefox est si puissant qu'il prend en charge presque tous les styles. Google est également un excellent navigateur et devrait fonctionner le plus rapidement, ainsi que notre navigateur 360 domestique. Il utilise le noyau IE, qui détermine essentiellement son destin. . Lors du développement, les navigateurs que nous utilisons souvent sont Firefox, Google et IE. Nous ne pouvons pas simplement les utiliser car IE ne les prend pas en charge, nous devons les utiliser pour déboguer la compatibilité. Le plug-in
firebugde Firefox est bon. Il peut être utilisé pour déboguer le code de style CSS dans le frontend. Après l'avoir modifié, il sera automatiquement modifié. dans le frontend. Vous n'avez pas besoin de changer le style CSS à chaque fois. Cela améliore l’efficacité du travail à la réception.
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!