HTML / CSS (le premier guide incontournable pour les débutants)

***** Contenu séparé du style

1. Les normes Web sont une série de normes, qui sont une série de normes techniques.

Lorsqu'il est utilisé, il s'agit d'une application combinée

【1】 Contenu structuré xhtml

【2】, exprimant le contenu CSS

【3】 Contenu comportemental javascript

2. Gadget-Firebug de développement Web dans Firefox Browser

Outils-ade-on-search Firebug

En tant que travail frontal Web, il est nécessaire d'être compatible avec des navigateurs tels que IE, Firefox, Google Liu, Safari, etc.

Que la page Web ait un style CSS, modifiez la taille du texte dans le navigateur.

3. Compétences de définition CSS:

[1]. Pour l'optimisation future du code CSS, il est recommandé que toutes les valeurs d'attribut soient apportées avec eux;

【2】 Certaines balises XHTML ont leurs propres valeurs d'attribut CSS par défaut.

Par exemple, la balise H1 a sa propre valeur d'attribut, qui est automatiquement en gras et a une taille de police plus grande.

[3]. Afin d'être compatible avec les navigateurs grand public, il est recommandé de réinitialiser les attributs CSS de tous les éléments à la norme lors de leur définition.

[4] Différents navigateurs ont leurs propres valeurs d'attribut CSS - la pire chose est la compatibilité du navigateur.

【5】 Que dois-je faire si je veux utiliser une police spéciale? - Conservez-le en une image.

Divisé en polices chinoises et anglaises. Définissez l'ordre des polices, définissez les polices anglaises devant et chinois à l'arrière.

【6】, outil d'édition CSS - il est bien d'utiliser quoi que ce soit, maître, tuer les gens avec des feuilles

【7】. Si vous voulez que le texte soit centré dans la direction verticale, définissez la hauteur de la ligne sur la hauteur de l'élément. La hauteur de la ligne = hauteur de l'élément

【8】 CSS peut être réinitialisé, le style par défaut de la balise XHTML.

4. La façon dont l'application CSS utilise sur les pages Web équivaut à la façon de porter des vêtements pour les personnes.

【1】, style en ligne: appliqué à un.

[2]. Style d'intégration: appliqué à un type de balise.

[3] Si nous avons de nombreuses pages Web, nous devons utiliser CSS et écrire ces CSS dans un fichier indépendant. Il s'agit d'un lien externe, et il est recommandé de l'utiliser.

[4]. Style d'importation: il s'agit également d'écrire le style dans un fichier, puis de le verser dans une page Web.

***** Notez que le style d'importation est en fait similaire au style embarqué, ajoutant tous deux des styles aux pages Web.

1. La méthode d'importation occupera l'espace de fichiers HTML

2. Quelques problèmes d'analyse du navigateur. Le navigateur lira enfin le contenu dans @Import

3. Importez plusieurs fichiers de style dans un fichier de style.

CSS est appelé une feuille de style en cascade.

1. Héritage: l'élément enfant héritera de certains styles de l'élément parent.

[Parce que certains éléments enfants ont eux-mêmes des valeurs par défaut, ils n'utilisent pas d'éléments parents]

2. Superposition: si un élément enfant définit le même style que l'élément parent, le style de l'élément parent sera écrasé.

***** Le style à l'arrière écrasera le style à l'avant

CSS Priorité: Principe de proximité

Plus la portée de l'action est petite, plus la priorité est élevée.

Plus vous souhaitez modifier le style, plus la priorité est élevée.

Grand-père - rouge

Papa - Green

Enfant - noir

Sélectionner la priorité

En ligne> id> classe> sélecteur d'étiquette

Dans des cas particuliers, nous pouvons augmenter les autorisations d'un certain attribut.

***** L'outil IeTest a également un problème de compatibilité, et il ne peut pas être ouvert dans Win7 .-- Téléchargez la version verte de IE6. Quelle version est utilisée sans l'installer.

***** Lorsque nous appliquons le style CSS, nous devons prêter attention à sa valeur par défaut. Parce que différents navigateurs ont des valeurs par défaut CSS différentes (différents attributs de navigation

La prise en charge de l'appareil est différente. Nous devons également assurer la compatibilité de nos pages Web et essayer d'utiliser les attributs passés sans avoir besoin d'attributs avec une compatibilité différente. )

Syntaxe pseudo-classe:

Nom de l'élément: Nom pseudo-classe {attribut: valeur}

Par exemple: la souris passant par l'hyperlien

A: Hover {text-décoration: soulignement;}

***** Si la souris est placée, veuillez modifier l'ordre de l'état de connexion Lvha

Le HTML / CSS ci-dessus (le premier guide à lecture incontournable pour les débutants) est tout le contenu partagé par l'éditeur. J'espère que cela pourra vous donner une référence et j'espère que vous pourrez soutenir VEVB Wulin.com plus.

Adresse originale: http://www.cnblogs.com/xie-zhan/archive/2016/07/01/5631868.html