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

This article introduces you may not know what CSS skills, the content is very detailed, interested friends can refer to, hope to be helpful to you.

1.box-sizing:border-box

When this property is set, the inner margins and borders of this element no longer increase its width

You want all the elements on the page to behave this way. So developers put the following CSS code on their pages:

The code is as follows:

* {

-webkit-box-sizing:border-box

-moz-box-sizing:border-box

Box-sizing:border-box

}

Box-sizing is a very new attribute and currently needs to use the-webkit- and-moz- prefixes. This enables features in specific browser labs. Also keep in mind that it supports IE8+.

2.overflow:auto

When the picture is taller than the element that contains it, something embarrassing happens: "it's out of the wall." try adding this css attribute to the parent element.

3. Response trial design (responsive design)

It is a strategy for websites to "respond" to different display effects for different browsers and devices.

@ media

4.display:inline-block

Equivalent to the role of float without using clear

You may not know what CSS skills to share here, I hope that the above content can be of some help to you, can learn more knowledge. If you think the article is good, you can share it for more people to see.

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.