CSS

There are a lot of Web sites have fixed at the top of the HTML style but do not know how to do AH! It took a lot of effort to know that this is the key word is HTML div CSS fixed top and this code also supports translucent Oh! Okay, this code

Using JavaScript in the client to detect whether the browser supports a feature feature, although this is the most feasible way, but the bad thing is, for the same feature detection, we need to repeatedly use the same function with various browser

Transparency often produces good web page visual effects. First, we provide CSS transparent code compatible with mainstream browsers: The code is as follows:Copy code . Transparent_class {Filter: alpha (opacity = 50 );-Moz-opacity:

Class selectorIn CSS, the class selector is displayed with a dot: The code is as follows:Copy code . Center {text-align: center} In the preceding example, all HTML elements with the center class are centered.In the following HTML code, both h1

Example The code is as follows:Copy code fixed width in the left column and absolute positioning method in adaptive mode in the right column Left ColumnRight column It looks nice, ..Because the left column uses absolute positioning and is out

General position: fixed; implementation methodTake my blog as an example. The CSS code used by the ... HTML element in the lower right corner is as follows: The code is as follows:Copy code # Top {Position: fixed;Bottom: 0;Right: 20px;} To fix

1. Set position: relative directly on your level table; 2. In FF, position: relative must be consistent with display: block/inline-block to take effect,Display: block/inline-block can be the default block element or the defined element. 3. In IE,

Scale down or zoom in to a specific size. For standard browsers (such as Firefox) or the newest Internet Explorer 7 browser,Use the CSS attributes of max-width, max-height, or min-width and min-height. For example: The code is as follows:Copy code

We know that if the input is an English letter, no matter how many div width you set, English letters are directly output in the same row without line breaks, resulting in the div width far exceeds the set size.Set word-break: break-all in the style

The methods for FF, OPERA, SAFARI, IE7, and IE8 are as follows: The code is as follows:Copy code  Img {max-width: 100px; max-height: 100px ;}Img {min-width: 100px; min-height: 100px ;} IE6 and earlier versions use the expression attributes

Border-radius attributesFor CSS3 rounded corners, you only need to set one attribute: border-radius (meaning "border radius "). If you provide a value for this attribute, you can set the radius of the four rounded corners at the same time. All valid

In IE, we only need to specify the select width. For example: The code is as follows:Copy code Shanghai-Property Information department BEIJING-Property Information department Chongqing-Property Information department Shenzhen information

The code is as follows:Copy code Html code The code is as follows:Copy code In this way, as long as the thumbImage image in the class is scaled proportionally, the original display will be scaled down when the image size is small.

The code is as follows:Copy code Fixed Width Layout-Outer container collapsed We flew with Czech Airlines and weren't expecting a swish ride; we also weren't expecting to be fed on such a short flight on economy tickets, so we gorged on

Let's see the effect first. The code is as follows: The code is as follows:Copy code Since the definition in xhtml has no effect on the body, for general purpose, you can define both the body and the html tag.

The code is as follows:Copy code A: No postion is set. Generally, the nested relationship is not set. B: Set relative only for external div, which is usually nested. C: set absolute only for the inner div. The document contains the nested

For div1. (ie browser) white-space: normal; word-break: break-all; the former follows the standard. The code is as follows:Copy code # Wrap {white-space: normal; width: 200px ;}Or# Wrap {word-break: break-all; width: 200px ;}Eg. ddd11111111111111

2. Use css to disable mouse selection of text The code is as follows:Copy code Firefox: body {-moz-user-select: none ;}Webkit browser (chrome): body {-webkit-text-size-adjust: none} No relevant css methods have been found for IE

This article describes the border effect of rounded corners with images. If used properly, it will certainly increase the color of your page.Apply an image to the rounded border-example  The code is as follows:Copy code Codebit.cn-aggregation