Maison > interface Web > Tutoriel H5 > Le chemin de Xiaoqiang vers le développement mobile HTML5 (4) - CSS2 et CSS3

Le chemin de Xiaoqiang vers le développement mobile HTML5 (4) - CSS2 et CSS3

黄舟
Libérer: 2017-01-22 10:34:09
original
1410 Les gens l'ont consulté

Dans l'article précédent, nous avons mentionné que l'apprentissage du HTML5 nécessite une connaissance du CSS. Lors de la conception de la page, vous devez connaître la mise en page et la structure de la page HTML5. Pour obtenir une interface très belle et magnifique, vous devez utiliser CSS. . Passons d'abord en revue l'utilisation de base de CSS2, puis examinons la relation et la différence avec CSS3.

1. Qu'est-ce que le CSS ?

La feuille de style en cascade (feuille de style en cascade) fournit une expression aux pages Web. Selon les spécifications du W3C, lors de la conception d'une page Web, les données et la structure de la page Web doivent être écrites dans le fichier HTML, l'apparence de la page Web doit être écrite dans le fichier CSS et le comportement de la page Web doit être écrit dans le fichier .js. Le but est de séparer les données, l'apparence et le comportement de la page Web pour faciliter la maintenance du code.

2. sélecteur css :

(1) sélecteur de balises (sélecteur simple)

(2) sélecteur de classe

.s1{  
    属性名:属性  
}
Copier après la connexion

Là est également un sélecteur de classe nommé, comme suit :

 div.s1{  
    font-size;120px;  
}
Copier après la connexion

(3) sélecteur d'identifiant

#d1{  
    font-size:italic;  
    font-weight:900;  
}
Copier après la connexion

(4) Regroupement de sélecteurs

h1,h2,h3{   //用逗号隔开  
<span style="white-space:pre">  </span>color:bllue;  
    }
Copier après la connexion

(5) Dérivation du sélecteur

#d2 p{  
span style="white-space:pre">   </span>color:red;  
font-size:300;  
    }
Copier après la connexion

Annotation en CSS

/*   */
Copier après la connexion

Priorité du style :


Style externe, écrire le style en le fichier .css
Style interne, écrivez le style dans le fichier .html
Style en ligne, écrivez le style à l'intérieur de style=" "
Quand un conflit survient : Style externe