What are the new features of CSS3?
Answer: 1. Color: new RGBA, HSLA mode
2. Text-shadow (text-shadow,)
3. Border: border-radius border shadow: box-shadow
4. Box model: box-sizing
5. Background ：Background-size set the size of the background image background-origin set the origin of the
background image background-clip set the crop area of the background image, separated by "," multiple backgrounds can be set for adaptive layout
6. Gradient: linear-gradient 、Radial-gradient
7. Transition: transition, can realize animation
8. Custom animation
9. The only pseudo-element introduced in CSS3 is: selection.
10. Media query, multi-column layout
11. border-image
12.2D conversion: transform: translate(x,y) rotate(x,y) skew(x,y) scale(x,y)
13. What are the
new pseudo-classes for 3D transformation CSS3?
p:first-of-type selects each <p> element that belongs to the first <p> element of its parent element.
p:last-of-type selects every <p> element that belongs to the last <p> element of its parent element.
p:only-of-type selects each <p> element that belongs to the only <p> element of its parent element.
p:only-child selects each <p> element that is the only child element of its parent element.
p:nth-child(2) selects every <p> element that belongs to the second child element of its parent element.
:enabled, :disabled control the disabled state of form controls.
:checked, the radio button or check box is selected.
**What are the new features of html5** and which elements have been removed? How to deal with browser compatibility issues of HTML5 new tags? How to distinguish between HTML and HTML5?
New features:
1. Drag and drop API
2. Better semantic content tags (header, nav, footer, aside, article, section)
3. Audio, video API (audio, video)
4. Canvas (Canvas) API
5. Geolocation API
6. Local offline storage localStorage for long-term storage of data, data will not be lost after the browser is closed;
7. SessionStorage data is automatically deleted after the browser is closed
8. Form controls, calendar, date, time, email , Url, search
9. New technologies webworker, websocket, and Geolocation
support HTML5 new tags:
* IE8/IE7/IE6 supports tags generated through the document.createElement method.
This feature can be used to make these browsers support HTML5 new tags,
browse After the browser supports the new label, you also need to add the default style of the label:
* Of course, the best way is to directly use the mature framework, the most used is the html5shim framework
10. Local offline storage localStorage long-term storage of data, the data will not be lost after the browser is closed ; The data of sessionStorage is automatically deleted after the browser is closed.