Introduction détaillée aux points de connaissance du style CSS frontal Web-tutoriel CSS-php.cn

Introduction détaillée aux points de connaissance du style CSS frontal Web

高洛峰

Libérer： 2017-03-27 17:58:34

original

1903 Les gens l'ont consulté

1. Priorité du style CSS

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.right{text-align :right}

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

firebug

de 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!