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

This article mainly explains "how to write the css code of the safari webkit core browser". The content of the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "how to write the css code of the safari webkit core browser".

We know and will use the distinguishing DIV+CSS HACK between CSS IE and Firefox. Here's how to identify the hack between Google browser (Chrome), Apple safari (safari) and IE.

Only the google reader and safari reader of the website kit center dabble in other CSS hack

Chrome and safari CSS hack code, only Google Reader Apple Reader reads CSS code:

@ media screen and (- site kit-min-device-pixel-ratio:0) {/ * Webkit kernel compatible CSS selector is put here * /}

Model:

@ media screen and (- website kit-min-device-pixel-ratio:0) {.yangshi1 {color:#f00} .yangshi2 {border:1px solid # f00;} .yangshi3 {bac kg round:#f00;}}

HTML Code:

Css style 1 CSS5 pattern 2 div+css format 3

Total DIV CSS Code:

Google browser and safari website kit exclusively identify other hunters css hack demo @ media screen and (- webkit-min-device-pixel-ratio:0) {.yangshi1 {color:#f00} .yangshi2 {border:1px solid # f00;} .yangshi3 {background:#f00;}} / * Blood area code is specially written to google reader for execution * / css pattern 1 CSS5 style 2 div+css style 3

I can copy the above complete demonstration code by myself, and my own examples can improve the general knowledge of recall and use ability.

Demo attainments map:

Description: the bottom left shows the attainments of the IE predator, and the top left reveals the performance effect of the google browser, which shows that Chrome is in favor of this CSS hack code with unique results.

Summary: as long as the google tracker recognizes another style determiner, we wrap it with the following code (the new CSS style determiner is placed in curly braces so that only the Chrome recognizes the text):

@ media screen and (- site kit-min-device-pixel-ratio:0) {/ * Thank you for reading the newly built CSS decision maker * /}. This is the content of "how to write the css code of the safari webkit core browser". After the study of this article, I believe you have a deeper understanding of how to write the css code of the safari webkit core browser. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

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.