What are the attributes of web front-end development css

This article mainly explains "what are the attributes of web front-end development css". The content of the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "what are the attributes of web front-end development css".

Common attribut

Font-size:n px

Set font size

Font-weight:bold

Bold font (attribute value: lighter/normal/bold/bolder or 100,900)

* Note: some font styles do not use bolder, so there is no change after bold

Font-style:italic

Set italics (normal correction)

Font-family: song style

Font style

Width: n px

The width of the element

Unit is px/%

Height:n px

The height of elements

Border: 1px solid black

The border of an element, compound attribute

Split:

1.border-width:1 px

The thickness of the border is 1px

2.border-style:solid

The border is solid (other values: dotted dotted line; dashed strip dashed line)

3.border-color:black

The border color is black

4. Four edges split

Border-left/right/top/bottom: 1 px solid black

It can also be broken down into:

Border-left-color:red; et al.

Border-radius: n%/px

Fillet settin

Opacity:0.5

Transparency with a value of 0-1

* * background-color: black;**, etc.

Background color

Color

Three formats

1. Turtle style: red, green, blue (for testing, not for development)

two。 Color codes: such as # ff4400

Analysis: every two bits represent a color saturation (00-ff, hexadecimal value)

Note: it can be abbreviated when the two digits are the same, for example, # ff4400 can be abbreviated # f40positionff4432 cannot be abbreviated.

3. Color function: for example, the rgb (255255255) value is 0-25

4. Transparent color: transparent

Text attribute

Text-align:left

Text alignment (right right alignment; center center alignment)

Line-height: n px

The height of a single line of text

Text-indent: 2 em

Indent 2 spaces in the first line

Text-decoration:line-through

Text style: underlined (value: none;underline (underlined); overline (overlined))

Cursor:pointer

When the mouse moves up, it becomes a small hand (value: help question mark e-resize/w-resize drag character copy move, etc.)

Thank you for your reading, the above is the content of "what are the attributes of web front-end development css". After the study of this article, I believe you have a deeper understanding of what the properties of web front-end development css have, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!