Shulou(Shulou.com)06/01 Report--

What are the common styles of html5 tags css3? most people do not understand the knowledge points of this article, so the editor summarizes the following contents, detailed contents, clear steps, and has a certain reference value. I hope you can get something after reading this article. Let's take a look at this article, "what are the common styles of html5 tags css3?"

Name: there are six values as follows:

Application-name: the name of the document or application. The whole document can contain only one value.

Author: document author

Description: document description

Generator: the program that generates the document.

Keywords: Web page keywords, separated by commas.

Home of script

Href: path

Src: image path

Attributes of the tag

Border border

Outer margin of Cellspacing table

Cellpadding table inner margin

Align location

Bgcolor: background color

Background: background picture

Bordercolor: border color

In table

Colspan spans 2 columns

Rowspan cross-line

Type value

Text text

Password password

Radio radio selection

Checkbox multiple selection

Reset reset

File file upload

Submit submit form

Image drawing submission

Button normal button

Group drop-down

XML/HTML Code copies content to the clipboard

Yantai

Qingdao

Weihai

Bj

Tam

Zong

Text area textarea

XML/HTML Code copies content to the clipboard

one

Cols width rows height readonly read only

Css style

Font, font size:

Font (abbreviated form)

Font-weight (thickness) normal (normal) bold (bold) italic (italic)

Font-size (size)

Font-family (font family)

Font-style (font style)

Font color:

Color

Opacity (Transparency css3)

Line spacing, alignment, etc.:

Line-height (row height)

Text-align (alignment)

Letter-spacing (character spacing)

Text-decoration (text retouching)

The excess part of overflow is hidden

Text-overflow

Text-overflow text cropping clip does not add when cropping text. Add when ellipsis is cut. Note: no line wrapping and over-flow control

Text-shadow Shadow

Text-indent

Background attributes:

Background (abbreviated form)

Background-color (background color)

Background-image (background image)

Background-repeat (background image repetition mode)

Background-position (location coordinates, offset)

List commonly used

List-style: none without style disc solid circle circle hollow circle square solid square decimal number

Box Properties:

Margin (outer margin / boundary) can write 1, 2, 4 values at the top.

Border (border)

Padding (inside margin / fill)

Later can be added-top and other directions

Border-radius frame fillet

Box-shadow Shadow

Deformation effect: transform

Transform-origin specifies the starting point of the transformation

None no transformation

Translate (length value or percentage) translateX translateY translates horizontally and vertically

Scale (numeric) scaleX scaleY scales horizontally, vertically, or in both directions

Rotate (Angle) rotate element

Skew (angle) skewX skewY tilts the element by a certain angle in horizontal, vertical, or both directions

Matrix customization

Transition effect: transition

Transition-property specifies the transition css attribute default value all

Time for transition-duration to complete the transition

Transition-timing-function specifies that the default value of transition function ease effect ease is equal to (0.25,0.1,0.25,1.0)

Transition-delay specifies the delay time at which the transition begins

@ keyframes: define an animation

Animation

CSS Code copies content to the clipboard

.t5 {

Transition: 5s ease-out all; / * transition ease in acceleration out deceleration * /

} / * transition-delay delay * /

.t5: hover {

Transform: skew (45deg)

}

@ keyframes key {

0% {

Background-color: red;width: 200pxposition height: 200px

}

25% {

Background-color: orange;width: 100pxposition height: 100pxposition transform: rotate (- 90deg)

}

50% {

Background-color: yellow;width: 60pxposition height: 60pxposition transform: none

}

75% {

Background-color: green;width: 120pxposition height: 120pxposition transform: none

}

100% {

Background-color: blue;width: 200pxposition height: 200pxposition transform: rotate (360deg)

}

}

.kt {

Animation:key 1s

/ * animation-iteration-count: infinite;*//* infinite loop * /

Background-color: yellow

Width: 200pxposition height: 200px

}

The above is about the content of this article on "what are the common styles of html5 tag css3?", I believe we all have a certain understanding. I hope the content shared by the editor will be helpful to you. If you want to know more about the relevant knowledge, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.