CSS

Finishing a bit tonight, the class album to get a bit, add a thumbnail, version is a bit ugly, the next version of the update it.1 Big Fat As follows:Online Demo Address: http://bbqwifi.info/php/show/But there seems to be a bit of delay after

This article mainly introduces the details of the pseudo-class and pseudo-elements in the CSS and the difference between the two, in fact, CSS3 in the specification of a simple rough method, that is, pseudo-class with a colon before the

This article mainly introduces the use of the Opacity property setting transparency effect in detail CSS3, and also discusses the problem of the inheritance affecting subset elements of opacity transparency, which is worth the attention of beginners,

(1), put a picture in a P block, the p block background color is set to aquamarine. You will find a certain gap between the picture and the lower edge of the P block. Instance: 　　　　　 The code is as follows: CSS in the use of

Instance Can be compatible with Android 4.0.4+: The design structure is as follows: ... The problem with this overlay mask layer is now here to explain why the design is so. Generally seen overlay and

This article mainly introduces the difference between the element and the block level element in the line, it has a good reference value, below the small series to see it together One, the difference between the inline element and the block-level

This article illustrates the use of CSS to maintain page content aspect ratio method, the author of the Pseudo-element and VW unit, and other different methods under the example, the need for friends can refer to the next Requirement Description:

P tends to make the entire layer width and height exceed the predetermined range because of the setting of the padding, and the box-sizing attribute of CSS3 can solve this phenomenon simply, let us explain in detail the problem of using the

@supports can be used to check if a CSS property is supported by the browser and can be controlled via JavaScript, here's a detailed explanation of how to use CSS's @supports markup to detect browser compatibility CSS @supports tags are similar to

The main points of this study are as follows: • Rounded Corners Border-radius• Box Shadow Box-shadow• Border Picture Border-image1. Fillet Border-radius The border-radius property allows you to add rounded borders to elements! Div { width:

Ruby-position can be in style to customize the text around the phonetic location, page encoding settings can be used to create a variety of language between the translation effect, let's look at the use of CSS3 ruby-position fixed phonetic location

There are many ways to hide page elements in CSS. You can set opacity to 0, set visibility to hidden, set display to none, or set position to absolute and then set the location to a non-visible area. Have you ever wondered why we have so many

Recently into the pit Web animation, so the learning process to record their own share to everyone. CSS3 3D Planetary Operation Demo page please poke: Demo. (It is recommended to open it with chrome) The complete code of this article, as well as

Recently opened the computer can see the Geek College what new users VIP free one months, go inside to see, here does not say its course how drops, inside the actual combat Path Diagram page saw this effect: A bit like the bright of the time axis,

For neighboring HTML elements that have the same parent element, you can use the adjacent sibling selector of CSS, and here we look at the adjacent sibling selector usage of CSS for a brief explanation: You can select an element immediately after

Linear-gradient line is used to make a border or compare to force, especially with its stroke can make some copy of the border effect, here we look at the use of CSS3 linear gradient linear-gradient to make a border sample code sharing The General

One, background-position: (Image positioning) Three ways to do it: 1): by% ratio, the upper left corner of the smallest (0%,0%), the lower right corner of the largest (100%,%100);2): (x, y) upper left corner min (0,0), lower right corner max

The clip property is used to set the shape of an element. Used to trim an absolutely positioned element (absolute or fixed). There are three types of clip values:auto |inherit|rect. Inherit is inherited, IE does not support this property, auto is

This article mainly introduces the CSS Z-index hierarchy relationship Priority concept Description, the more detailed explanation, the need for friends can refer to the next. The Z-index property in CSS is used to set the stacking order of nodes,

CSS 3 flat Loading animation effects, CSS 3 flat loading Effect preview:Http://hovertree.com/texiao/css3/42/ The Code is as follows: css3 rotation loading effect _ what to ask applicable Browser: fireFox,