What does p mean in css

The

p element represents a paragraph style in CSS. It is displayed as a block-level element by default. The text color is black and the line height is equal to 1.5 times the font size. The style of the p element can be customized through CSS, including font, text color, alignment, margins and padding, etc.

The p element in CSS

p element is a paragraph element in HTML. In CSS, it stands for paragraph style.

Default Style

##

The default style of the element in most browsers is as follows:

• display: block; Display the element as a block-level element, occupying one line width
• margin: 1em 0; Set the upper and lower edges of the element to 1em
• font-size: 1em; Set the font size to 1em
• line-height: 1.5; Set the line height to 1.5 times the font size
• color: black; Set the text color to black

Custom style

You can use CSS to

p element to customize the style, for example:

• Font style:

  • font-family: Specify font family
  • font-size: Set font size
  • font-weight: Set font weight

• Text color and background:

  • color: Set text color
  • background-color: Set background color

• Alignment:

  • text-align: Setting Text alignment

• Margins and padding:

  • margin: Set elements Margin
  • padding: Set the inner margin of the element
• ##Other attributes:
  border:
  • Set element border
  float:
  • Set element floating behavior
  clear:
  • Set element clear Floating

Usage Example

The following CSS code sets the font size of the

p

element to 1.2em, Set the font color to blue and add 2em margins above and below the element: <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">&lt;code class=&quot;css&quot;&gt;p { font-size: 1.2em; color: blue; margin: 2em 0; }&lt;/code&gt;</pre><div class="contentsignin">Copy after login</div></div>

The above is the detailed content of What does p mean in css. For more information, please follow other related articles on the PHP Chinese website!