HTML5 + CSS3 New Content summary !!!!! Absolutely dry, html5css3

Source: Internet
Author: User

HTML5 + CSS3 New Content summary !!!!! Absolutely dry, html5css3

Speaking of H5C3, do you think there will be a lot of things? Today I have compiled a summary of the content;


What are CSS3 selectors?
A: attribute selector, pseudo-class selector, and pseudo-element selector.
What are the new features of CSS3?
Answer: 1. Color: added RGBA and HSLA mode.

  1. Text shadow (text-shadow ,)
  2. Border: border (border-radius) border shadow: box-shadow
  3. Box Model: box-sizing
  4. Background: background-size sets the background image size. background-origin sets the origin of the background image. background-clip sets the cropping area of the background image, separated by ",". You can set multiple backgrounds, adaptive Layout
  5. Gradient: linear-gradient, radial-gradient
  6. Transition: transition for animation
  7. Custom Animation
  8. The only pseudo element introduced in CSS3 is selection.
  9. Media query, multi-Column Layout
  10. Border-image
  11. 2D conversion: transform: translate (x, y) rotate (x, y) skew (x, y) scale (x, y)
  12. 3D Conversion
    What are the new pseudo classes in CSS3?

P: first-of-type: select each <p> element of the first <p> element of its parent element.
P: last-of-type: select each <p> element of the last <p> element of its parent element.
P: only-of-type: select each <p> element that is unique to its parent element.
P: only-child: select each <p> element that belongs to the unique child element of its parent element. P: nth-child (2) select each <p> element that belongs to the second child element of its parent element. : Enabled and: disabled control the disabled status of the Form Control.
: Checked, single checked, or check box selected. What are the new features of html5 and those elements removed? How can I solve the browser compatibility problem of HTML5 new labels? (Web Front-end learning and communication group: 328058344 chat prohibited, not welcome !)

How to differentiate HTML and HTML5?
New features:

IE8, IE7, and IE6 support document. the tags generated by the createElement method can be used to allow these browsers to support HTML5 new tags. After the browser supports new tags, you also need to add the default tag style:

 

 

Of course, the best way is to directly use the mature framework, and the most used is the html5shim framework. The above content is summarized by yourself. If you have any mistakes, please correct me.

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.