What are css block-level elements and inline elements?

Common CSS block-level elements and inline elements are: 1. Block-level elements,

defines a block-level area in the document,

defines an unordered list,
• defines a list Item,
  defines the form,

  defines the paragraph,

  -

  defines the title; 2. Inline element, defines an inline area in the document, defines Image, defines a drop-down list, defines an input field, defines a button.

# Operating system for this tutorial: Windows 10 system, Dell G3 computer.

In CSS, elements can be classified into block-level elements and inline elements.

Common block-level elements include:

• : Defines a block-level area in the document.

• : Define paragraph.

• -

  : Define the title.

• : Define an unordered list.
  • : Define an ordered list.
    2. : Define list items.
    3. : Define the table.
       : Define the form.

       Common inline elements include:

       • : Defines an inline area in the document.
       • : Define the link.
       • : Define the image.
       • : Define emphasis text.
       • : Define emphasized text.
       • 
         : Define the newline character.
       • : Define input fields.
       • : Define a drop-down list.
         : Define button.
         : Define the label.

         It should be noted that the element types in HTML are not fixed. Some elements can change their appearance on the page through the display attribute of CSS, such as displaying block-level elements inline. element, or display an inline element as a block-level element.

         The above is the detailed content of What are css block-level elements and inline elements?. For more information, please follow other related articles on the PHP Chinese website!

         css html select display input ul table li
         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
         Previous article：What are the css inline elements and block-level elements?Next article：What are the css inline elements and block-level elements?

         Related articles

         See more

         • What is the difference between inline elements and block-level elements?
         • What is the difference between inline elements and block-level elements in html/css
         • Is CSS a an inline element?
         

         Public welfare online PHP training，Help PHP learners grow quickly！

         About usDisclaimerSitemap

         © php.cn All rights reserved