Home  >  Article  >  Web Front-end  >  Recommended 4 articles about block tags

Recommended 4 articles about block tags

黄舟
黄舟Original
2017-06-14 16:06:511339browse

Classification of HTML tags When talking about tag classification, as beginners, when we first use tags, we will find that some attributes do not work on some tags, such as width, height, horizontal centering, etc. In fact, the use of this attribute Only works if used on block-level tags. Personally, I think this is something that beginners can easily overlook, so I wrote it down! First of all, we can divide HTML tags into block-level tags, inline tags, and inline block tags according to different displays; we will introduce them respectively. Features of block-level tags: Occupy an exclusive line, and take effect on the settable attribute values ​​​​of height, width, line height, and top and bottom margins; if no width is given, the block-level element defaults to the width of the browser, that is, 100% width ; Typical block-level tags are:

, h series,

  • ,
    ,
    ,

    ,

    ,
      Inline tags Features: Can Multiple tags exist in one row, and the

      1 of the in-line tag cannot be directly set. Conversion of css block-level tags, in-line tags, and in-line block tags (2)

      Recommended 4 articles about block tags

      Introduction: When talking about tag classification, as beginners, when we first use tags, we will find that some attributes are not applicable to some tags. It works, such as width, height, horizontal centering, etc. In fact, the use of this attribute only works when used on block-level tags. Personally, I think this is something that beginners can easily overlook, so I wrote it down!

      2. Conversion of css block-level tags, inline tags, and inline block tags

      Recommended 4 articles about block tags

      ##Introduction: In Basic 1, I talked about the common properties of CSS and several different selectors in detail. On this basis, we will further understand their characteristics and better understand them. Learn and master relevant development skills.

      3. H5 Learning Journey-Usage of H5 block tags (9)

      Recommended 4 articles about block tags

      Introduction: 1. Html block elements. Block elements usually start with a new line at the beginning, such as h1, p, ul 2. Inline elements usually do not start with a new line. For example, a, b, img 3.html div element, div is also called a block element, which is mainly used as a container for combining html elements

      4. CSS3 and page layout Learning summary (2) Box Model, margin folding, inline and block tags, CSSReset

      Recommended 4 articles about block tags

      ##Introduction : CSS3 and page layout learning summary (2) - Box Model, margin folding, inline and block tags, CSSReset

      [Related Q&A recommendations]:

      What is the principle of a program like 58.com’s Weizantong that allows you to build a website by dragging and dropping like building blocks?

      The above is the detailed content of Recommended 4 articles about block tags. For more information, please follow other related articles on the PHP Chinese website!

  • Statement:
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn