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

This article mainly shows you "what are the practical tips of html5 and css3". The content is simple and clear. I hope it can help you solve your doubts. Let the editor lead you to study and learn this article "what are the practical tips of html5 and css3?"

Html5 doesn't really change much than the old html, and the document declaration is more concise and loose, with more semantic tags. This is the document statement of old html

Practical tips for html5 and css3

This is the document statement of html5

Practical tips for html5 and css3

On the other hand, html5 uses more semantic tags, which can also make the document structure clearer and is said to make browsers better read pages.

This is the architectural layout of the old html.

Practical tips for html5 and css3

This is a html5-style architectural layout.

Practical tips for html5 and css3

Let's take a look at css3. When making a mobile web page, we should take into account the experience of users with a small screen, so the text and pictures on the web page, whether on a plus or a tablet with a small mobile phone or a large screen, should be scaled proportionally according to the screen size. So when setting the size, use the percentage as much as possible and use fewer dead pixels. such as

Practical tips for html5 and css3

Here is a list of pictures with text, and the width of each is the width43.3%; of the total width of the page, and then the

Again, it is 95% of the width of its container d. Cainixixiang li img {width:95%;}, the height is not set, and the picture will be scaled automatically. In this way, the pictures are beautifully arranged and displayed proportionally, regardless of whether the user's screen width is 320 or 360.

Another often used is the fillet border, once such a fillet frame can not be realized in code, can only be used to cut off the fillet background to make a background picture.

Practical tips for html5 and css3

These are all the contents of this article entitled "what are the practical tips of html5 and css3?" Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow 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.