Quelques points d'apprentissage de HTML + CSS

1. Lorsque td occupe plusieurs lignes/colonnes, le td compressé n'est pas écrit (mais le tr enveloppant le td doit être écrit)

2 Le texte dans l'élément display:td n'est pas vertical. centré par défaut (le texte du td dans le tableau est centré verticalement)

3.th Bien que le titre de l'en-tête soit défini, il ne s'étend pas sur les lignes par défaut (colspan est requis pour s'étendre sur les lignes)

4.text-indent Peut hériter

5.

est un élément de bloc

6.

élément de bloc, mais la largeur n'est pas son parent par défaut La largeur de l'élément est de 100%

7 Lorsque la largeur totale de td est supérieure à la largeur de la table définie, la largeur de la table doit. prévalent

8.for=" name">Text A où la valeur de for peut être un nom et un identifiant, où le nom vient de Je peux avoir un nom" id="Vous pouvez aussi avoir un identifiant ”>, le nom de l'identifiant provient de toutes les balises (Je n'ai qu'un identifiant, il vaut mieux ne pas me donner de nom< /p>)

9. Sa largeur par défaut est adaptative, mais après y avoir ajouté une couleur de fond, elle s'affiche en plein écran !

10. Pour le texte sur une seule ligne, utilisez line-height pour le centrage vertical. Pour le texte sur plusieurs lignes, utilisez , ajoutez le style vertical-align: middle;

11. Un texte débordant dans éléments du même niveau provoquera une compression , et un débordement d'images et de boîtes d'éléments ne le sera pas. presser les éléments frères

12.width / height = 100% Lorsque l'élément parent ne définit pas de largeur, il n'y a pas de largeur (il ne recherchera pas les éléments ancêtres)

13.Largeur fixe/hauteur fixe La méthode de mise en page n'est pas la même Elle se déformera lorsque la page sera étirée et réduite

14. Le chargement et le rendu du document s'effectuent de haut en bas, donc le Le sélecteur CSS ne sélectionne pas vers le haut (élément frère, élément parent, élément ancêtre)

15. L'attribut color color peut être hérité

16. la valeur de l'élément parent sur l'attribut CSS spécifié. Si l'élément parent ne définit pas cette valeur, il n'héritera pas de cette valeur d'attribut des éléments ancêtres (de nombreux attributs ne sont pas hérités par défaut, comme la hauteur, vous devez donc ajoutez-leur un héritage pour les faire hériter)

17. Le cadre et le corps ne coexistent pas bien que l'iframe coexiste avec le corps, mais il y aura quelques problèmes (problèmes de classement du site Web et de rendu de style)

18. Les valeurs en border-radius, en pixels de remplissage et en pourcentages de remplissage forment des formes différentes. (50% formeront un cercle ou une ellipse, 1/2 pixels de hauteur formeront une capsule)

19. Les cellules d'une rangée ne définissent pas de hauteur et n'ont pas de contenu. Si le tableau définit une hauteur, cela. ne lui sera pas attribué (je suis quand même un bon socialiste !), si je veux qu'il ait une hauteur de ligne, il suffit d'écrire  

20.td pour définir la largeur et la hauteur, et table pour définir la largeur et la hauteur, mais donnez td padding (

td ne prend pas en charge la marge, mais prend en charge le padding

), ce qui agrandira la table à l'infini (si vous augmentez uniquement les attributs width et height de td, lorsque la largeur totale et la hauteur de td est égale à la largeur et à la hauteur définies par la table, une augmentation supplémentaire sera invalide En fait, lorsque la largeur et la hauteur de la table sont supérieures à la largeur et à la hauteur réelles de td, la partie excédentaire. seront attribués)

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!