CSS

The general PNG images on the web page can be transparent using JS code. However, if PNG is used as the background, that is, the background used in floating status, it is not easy to implement. Although you can also find a batch implementation

The clear attribute cannot be specified for the parent element of the float element.In MacIE, if the clear attribute is used for the parent element of the float element, the layout of the surrounding float element will be chaotic. This is a

The code is as follows:Copy code

Floating is often used to promote one image side or the other side, while there is a text summary section around. This type of application is often called text wrap and similar to the various image shapes and sizes you will see in many magazines

When people often confuse CSS IDs and CSS classes, they should be used. This lesson is to show differences and provide more information about CSS IDs.What is number selection?W3C defines the class ID as "a unique identification sign, with a

This "novelty" solution seen on a website (freeappstools) is novel, mainly because it has not been mentioned in various Summary methods in China and is quoted in quotation marks, it is only because many people know the principle that the line-height

Example The code is as follows:Copy code center content Untitled Document No title document no title document Test file index.html code. Replace the style.css file address of another part. The code is as follows:Copy code 1

Currently, there are many smart table adaptive solutions.They are flip the table on it's side, convert it to a pie chart, gradually reduce the columns, allow users to determine columns, and set to allow partial scrolling into SS the table. these are

Solve the problem that the sub-level object uses css float, while the parent-level div cannot adapt to the height and cannot be supported by the parent-level content. The parent-level div has no height solution.When float is used in the box of an

Automatic line feed of div textMethod 1, The code is as follows:Copy code 4545454545454545454454545445455454544545 llloioioiiioioioioioio You can add word-break: break-all IE to a non-normal field to force line breaks. However, line breaks are

Method 1:This method sets the display mode of the external container to display: table, the img label is nested with a span label, and the display mode of the span is set to display: table-cell, in this way, we can easily use vertical-align to align

Private Properties of IE: The code is as follows:Copy code Scrollbar-arrow-color: color;/* color of the triangle arrow */Scrollbar-face-color: color;/* color of the three-dimensional scroll bar (including the background color of the arrow

The "@ keyframes" animation attribute in CSS3 can be used to implement some dynamic special effects. You can learn the specific syntax and parameters on the internet. This article mainly applies this animation attribute to realize the special effect

CSS relative positioningRelative positioning is a very easy-to-understand concept. If an element is relatively located, it appears at its location. Then, you can set the vertical or horizontal position to move the element "relative to" its start

Chrome, Firefox The code is as follows:Copy code One code supports IE The code is as follows:Copy code Html {filter: progid: DXImageTransform. Microsoft. BasicImage (grayscale = 1 );}

IE6 does not support CSS position: fixed, so it needs to be written in other ways.There are many solutions that can be found on the internet. They are listed on the following webpage as references. If you are interested, you can study the solution

Method 1:Highly adaptive with pure CSS: The code is as follows:Copy code . Content {overflow: hidden ;}. Left,. center,. right {padding-bottom: 500px; margin-bottom:-500px ;}  Method 2:Add the following JS code before : The code is as

Example 1Uncertain height vertical center The code is as follows:Copy code /* Center . Vetically {Vertical-align: middle;Display: table-cell;* Position: relative;}. Vetically_C {Display: block;Margin: 0 auto;Text-align: center;* Position:

The habit of writing CSS determines the speed of page rendering, which is more obvious in IE. Developing good habits and standards will allow you to load your pages more quickly and enjoy a higher user experience. Below are some tips for improving