What are the css inline elements and block-level 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 the css inline elements and block-level 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 html block-level elements and inline elements?Next article：What are html block-level elements and inline elements?

         Related articles

         See more

         • The difference between inline elements and block-level elements
         • Is li an inline element?
         • What is the difference between block-level elements and inline elements?
         • How to change the height of inline elements in css

         • Home

         • Course

         • Q&A

         • My
         • Home
         • Course
         • Article
         • Q&A
         • Dictionary
         • Manual
         • Download
         • Topic
         Home

         Article

         Q&A

         Course

         Topic

         Download

         Game

         Dictionary

         简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）