HTML5 new tags and CSS3 new properties __html

Source: Internet
Author: User
First, h5 new tags
new Elements Description
Video Represents a video and provides a playback user interface
Audio Represents an audio
Canvas Represents a bitmap region
Source Provide a data source for video and audio
Track Assign letters to video and audio
Svg Defining vector graphs
Code Code Snippets
Figure Legend associated with the document
Figcaption Description of the Legend
Main Main content Area
Time Date and time values
Mark Highlighted reference text
DataList Predefined options available to other controls
Keygen Secret Key pair Builder control
Output Calculated value
Progress Progress bar
Menu Menu
Embed Embedded external resources
MenuItem User-clickable menu items
Menu Menu
Template Declaration is a MODULE element
Section Independent content blocks, you can use H1~h6 to form an outline that represents the structure of a document, or it can have chapters, headers, footers, or other parts of a header;
Nav Navigation bar Section Information
Aside Auxiliary information related to label content outside of label content
Article A special independent block that represents the core content of this posts page eyebrow.
Footer/header

Bottom Information/header information

Second, CSS3 new properties

CSS3 is divided into modules, the most important modules include: selector, box model, background and borders, text effects, 2d/3d conversion, animation, multiple-column layout, user interface

Selector

Box model background and borders
Border-radius, Box-shadow, Border-image,
Background-size: Specify the size of the background picture
Background-origin: Specify the location area of the background picture
Background-clip: The plot area text effect that stipulates the background (commonly used)
Text-shadow: Setting text Shadows
Word-wrap: Force line Wrap
Word-break
CSS3 proposes @font-face rules that define font-family, Font-weight, Font-style, Font-stretch, SRC, unicode-range 2/3d conversions
Transform: Applying 2/3d transformations to elements
Transition: Transition Animation @keyframes Rules:
Animation, Animation-name, animation-duration and other user interface (commonly used)
Box-sizing, resize
CSS3 new Pseudo class
: Nth-child ()
: Nth-last-child ()
: Only-child
: Last-child
: Nth-of-type ()
: Only-of-type ()
: Empty
: Target this pseudo class allows us to select elements based on URLs, if the element has a recognizer (such as following a #), then target will add a style to the element that uses the ID recognizer.
: Enabled
: Disabled
: Checked
: not another label with some H5 no longer supported:

1. Acronym (recommended ABBR): Define Initials

2. Applet (Recommended object): Define Applet

3, Basefont (using CSS control)

4, big (using CSS control): Define large text

5, center (using CSS control): the definition of centered text

6, Font (using CSS control)

7, Strike (using DEL): Define strikethrough text

8, TT (using CSS control): The definition of typewriter text.

9, U (using CSS control): Define underlined text

10, FRAME (recommended iframe): Define a child window (frame).

11, Frameset: Define the set of the framework

12. Noframes: Define Noframe part

13, dir: Define directory List

14. XMP: Define preformatted text

15, Isindex: Define a single line of input fields

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.