CSS

1.CSS Achieve Center Disadvantage: You need to know the width and height of the element in advance.

Editor's note: We all know that you can easily set the appearance of the Flash MX 2004 component, but if you can use an external CSS file to control, it is better to use it will be more convenient. Here is an example of an online discovery (original

Below is my favorite writing: The code is as follows Copy Code $ (""). attr ({rel: "stylesheet",Type: "Text/css",HREF: "Site.css"}). Appendto ("Head"); Some friends may use the wording below, but there are some

A few days ago the evening more comprehensive to see the next CSS some of the documents and materials, most of the style of use is no big problem, just a little more unfamiliar, but also know their existence and implementation of what style. Today

Difference Analysis First of all, we all know that Display:none and Visibility:hidden can play the role of hiding elements. The difference between the two is that the document flow is occupied Display:none hidden elements while removing the space

Add Class Manually Sometimes, we need to remove the spacing (margin) attribute of the last and first elements in a list element, and you can manually set CSS styles for them: . margin-top:0!important margin-left:0!important;. Last {margin-bottom:0!

1 2 3 4 5 .opacity{  filter:alpha (opacity=50);  & nbsp;    

Recently wrote a news page, asked the list at the bottom of the 5px blue border with the scroll bar changes to the specified content, while the bottom of the list with changes in the border, first show you the effect chart style 2. Write

Mobile Browsing Adaptive Web pages, Safari browser can often automatically identify and layout, picture width is filled with the screen, then how to do without the reader when the effect of this? As shown here, let the picture width fill up the

Most of our small arrows are done with small pictures, here to share a small arrow with a pure CSS, we can see, later will release more CSS small arrows for your reference.

In css, you can change cursor into a hand-capturing shape. Note that it is not the hand of a hyperlink, but the starting point.Css: {cursor: url ('absolute path image (format: cur, ico) '),-moz-zoom-out;} // FFCss: {cursor: url ('absolute path'),

After several years of development, I did not pay attention to the position: fixed usage during front-end development.We all know the position value of the position attribute in CSS. Besides the default value, there are absolute, relative, and fixed.

FontFont: font-style | font-variant | font-weight | font-size | line-height | font-family;Margin & PaddingMagin: magin-top | margin-right | margin-bottom | margin-left;P {magin: 20px ;}P {magin: 20px 10px ;}P {magin: 20px 10px 100px;} the top margin

Sometimes, we use images instead of text. The most commonly used is the input button.In the past, I used text-indent:-9999px to move the text out of the page. However, this method has a "bug" in IE6. After applying this css attribute to a block

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:

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,

Snook. Ca recently introduced some "top-level skills" for CSS writing to all cssers ".The font size uses px.Declare CSS in a row and compare the following two:H2 {font-size: 18px; border: 1px solid blue; color: #000; background-color: # FFF ;}H2

Of course, it will be much better to generate a thumbnail if it is handed over to the program. But sometimes, for some reason, for example, if the server does not support GD, CSS will inevitably be required.Scale down a large image to a specific

Thoroughly understand CSS box Mode 3 (floating performances and clear self-reports)1. Thoroughly understand the CSS box mode 1 (DIV layout Quick Start)2. Completely understand CSS box mode 2 (navigation bar instance)3. Thoroughly understand the CSS

CSS code: The code is as follows:Copy code . List {Margin: 0px 10px 20px;Text-align: left;}. List ul {List-style-type: none;Margin: 0px;Padding: 0px;}. List li {Background: url (/news/images/line.gif) repeat-x bottom;/* Dotted line at the bottom