1. Faites bon usage de l'abréviation CSS peut réduire la taille du fichier de page, augmenter la vitesse de téléchargement et simplement lire le code. Peut être écrit comme Un autre exemple: Peut être réécrit comme: (Pour plus de détails, veuillez vous référer à: Manuel de référence CSS2, résumé d'abréviation CSS couramment utilisé) 2. Il peut définir plusieurs règles pour l'attribut de classe d'un élément HTML en même temps (définition de classe multiple). Cet élément comprend également des styles définis dans A et B 3. Clarifier l'unité, sauf si la valeur est 0 Remarque: N'ajoutez pas de grille vide entre les unités numériques et les unités. 4. Manuscrits différenciés dans XHTML. Impossible de montrer la ligne de bord de 1 pixel 5. Principes de priorité récents de CSS Si vous définissez plusieurs styles sur un élément, le dernier style de premier niveau de premier niveau sera défini par d'autres styles. Cela montre le rouge ici Cela montre le bleu ici Il montre le vert ici Voici le jaune Il est également affiché en jaune car le .yllow est derrière .Blue. 6. Définitions de l'utilisation de sous-sélecteurs pour réduire l'ID et la classe, par exemple: Peut être changé en: 7. N'ajoutez pas le chemin d'image d'arrière-plan pour modifier l'arrière-plan: URL ("xxx.gif") en arrière-plan: URL (xxx.gif) 8. Le chemin de l'image d'arrière-plan est relatif à la page CSS actuelle. Par exemple: 9. L'utilisation de différents éléments pour appliquer le même style comme H1, H2, H3, div {taille de police: 16px; 10. Écrivez le style de lien correct. 11. Changements de contenu interdits et changements de contenu obligatoires dans les tables ou les couches, nous pouvons espérer que le contenu ne sera pas modifié ou obligé de modifier la ligne. 12. Différence Relatif, l'écriture dans CSS est: Position: Relative; Il signifie absolument le positionnement. comme le rembourrage dans le niveau parent, le niveau actuel du niveau actuel est situé en référence au point d'origine de la zone de contenu parent. 13. Div et travée différentiel 14. Affichage et visibilité différentielles
comme:
Div {
Border-top: 1px solide #ccccccc;
Border-Left: 1px solide #ccccccc;
Border-droite: 1px Soli #ccccccc;
Border-Bottom: 1px solide #CCCCCC;
}
p {bordure: 1px solide #ccccccc}
Div {
marge: 10px;
Marge-droite: 20px;
Marge-fond: 30px;
marge-heft: 40px;
}
/ * Faites attention à l'ordre de la rédaction, à droite, en bas et à gauche * /
div {marge: 10px 20px 30px 40px}
/ * Notez que la valeur et l'unité ne peuvent pas avoir d'espace, et l'espace est séparé par l'espace entre chaque valeur * /
Habituellement, nous écrivons:
En fait, nous pouvons spécifier plusieurs règles pour l'élément P, telles que:
CSS:
.un {...}
.B {….}
HTML:
Remarque: séparez-vous avec les espaces entre plusieurs règles.
J'ai oublié de définir la taille est un problème courant chez les débutants du CSS. Nous pouvons écrire width = "100" dans HTML, mais une unité précise doit être donnée dans CSS. Tels que: Largeur: 100px; Hauteur: 50px; La taille de la valeur 0 est égale.
Comme #AAA, qui est différent de #AAA.
Si #AAA est défini dans CSS, l'utilisation de AAA dans des éléments HTML pour l'appliquer ne sera pas en mesure d'obtenir le style défini dans #AAA.
Exemple de code:
CSS:
#AAA {Border: 1px solide #ccc}
HTML:
comme:
CSS:
p {couleur: rouge}
.Blue {couleur: bleu}
.yllow {couleur: jaune}
HTML:
Avis:
(1) Faites attention à plusieurs séquences de styles prioritaires (la priorité diminue de haut en bas):
- Paramètres de style
- Paramètres de zone de tête
-Dans référence externe Fichiers CSS (2) La priorité n'est pas définie dans l'ordre d'accès, mais l'ordre de commande dans le CSS est défini.
Comme indiqué dans l'exemple ci-dessus, il montre le jaune
#Contenir {..}
#Contain_ul {...}
.Contail_li {...}
#Contenir {..}
# Contain ul {...}
.Contain ul li {...}
Parce que l'ajout de devis pour certains navigateurs peut entraîner des erreurs.
C'est la structure du répertoire suivant-images
-xxx.gif
-Css
--xx.css
--Ddex.html
Contenu de code
Index.html fait référence au fichier xx.css.
Xx.css veut citer les images xxx.gif.
Ensuite, les éléments H1, H2, H3, Div sont tous 16 pixels, des polices épaisses
Si vous n'écrivez pas dans cet ordre, vous ne pourrez peut-être pas réaliser l'effet de votre espoir. Afin de se souvenir de cet ordre, nous extraissons les premières lettres de chaque mot: Lvha, vous pouvez vous souvenir de l'ordre par amour de la mémoire, héros, deux mots.
Interdit de changer: White Space: Nowrap
Changement obligatoire: Word-Wrap: Break-Word;
Absolument, l'écriture dans CSS est: Position: Absolue; Il signifie un positionnement absolu. Point des offres de niveau parent comme point d'origine. Si le TRBL est défini et que le niveau parent ne définit pas l'attribut de position, alors l'absolu actuel est positionné avec le point d'origine dans le coin supérieur gauche du navigateur, et la position sera déterminée par TRBL.
Div est un élément de niveau de bloc qui peut contenir des paragraphes, des tables et d'autres contenus pour placer différents contenus. Généralement, nous disposons chaque bloc de la page Web pour disposer chaque bloc de la page Web.
Span est un élément associé interne, sans signification pratique.
Affichage: Aucune et visibilité: Hidden peut masquer un élément mais la visibilité: Hidden cache simplement le contenu de l'élément, mais l'espace de localisation utilisé est toujours conservé.
Affichage: aucun n'est très supprimé de la page et sa position d'occupation sera également supprimée.