Recently, I have summarized some common interview questions about html5 and css3. I hope it will be helpful to you who are looking for a job. Also welcome to add ~~~
1. HTML5 CSS3
<1>.What are the new features of CSS3?
1. CSS3 implements rounded corners (border-radius), shadows (box-shadow),
2. Add special effects to the text (text-shadow,), linear gradient (gradient), rotation (transform)
3.transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);//Rotate, scale, position, skew
4. Added more CSS selectors multi-background rgba
5. The only pseudo-element introduced in CSS3 is ::selection.
6. Media Queries, Multi-column Layouts
7. border-image
What's new in <2>.html5, and which elements have been removed? How to handle browser compatibility issues with HTML5 new tabs? How to differentiate HTML and HTML5?
New features:
1. Drag and drop API
2. Content tags with better semantics (header, nav, footer, aside, article, section)
3. Audio, video API (audio, video)
4. Canvas API
5. Geolocation API
6. Local offline storage localStorage stores data for a long time, and the data is not lost after the browser is closed; sessionStorage data is automatically deleted after the browser is closed
7. Form controls, calendar, date, time, email, url, search
8. New technologies webworker, websocket, Geolocation
Elements removed:
1. Pure performance elements: basefont, big, center, font, s, strike, tt, u;
2. Elements that negatively affect usability: frame, frameset, noframes;
HTML5 new tag support:
1. IE8/IE7/IE6 supports tags generated by the document.createElement method. You can use this feature to make these browsers support HTML5 new tags. After browsers support new tags, you need to add the default style of tags (of course the best The way is to directly use the mature framework, the most used is the html5shim framework):
<!--[if lt IE 9]>
<script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"</script>
<![endif]-->
How to differentiate:
DOCTYPE declaration of new structural elements, functional elements