CSS

I am always asked about the differences between px, pt, and em. Sometimes I will also find out what units I should use. I have checked some articles specially today. Although this article is a long time ago, however, the explanation is comprehensive.

Grayscale filter of CSS3It's easy to use CSS3 to dilute the color of an image. We can write this CSS statement as a class. In this way, we can directly add a class to the image we want to improve the effect. The code is as follows:Copy code Img.

Instance The code is as follows:Copy code The following is the subject adaptive right width: modify the container width. I float left I float right content The Html code is just two div: The code is as follows:Copy code The Css

Border-radius: length value composed of floating point numbers and unit identifiers.Border-top-left-radius --- top leftBorder-top-right-radius --- top rightBorder-bottom-right-radius --- bottom rightBorder-bottom-left-radius --- bottom leftNote: The

The effect is as follows: The code is as follows:Copy code Html home technical article Contact Us submit an article good theme

Implementation principle:(1) specify the width: 300px;(2) overflow: hidden; hide the excess content(3) text-overflow: ellipsis; IE proprietary attribute. When the text in the object overflows, the omitted mark (…) is displayed (...)(4) white-space:

Basin friends who often use div layout should have such experience, and this is not uncommon: there is a div, when the content inside it exceeds its height, make the height of the div automatically change with the content (adaptive), but if the

The code is as follows:Copy code css tutorial document content typographical example { dede: field. title/} Time: {dede: field. pubdate function = "mydate ('Y-m-d h: I ', @ me)"/} Source: {dede: field. source/} Author: {dede: field.

Definition and usageIf the floating non-replacement element is used, a specific width should be specified; otherwise, they will be as narrow as possible.Note: If there is only a small amount of space on top of a row for floating elements, this

  The code is as follows: Copy code <> abcdefghigklmnopqrstuvwxyz1234567890 abcdefghigklmnopqrstuvwxyz1234567890  

Optimization for ieSometimes, you need to define some extraordinary rules for IE browser bugs. Here there are too many css tutorial skills (hacks). I only use either of them, whether Microsoft is better able to support css in the upcoming ie7 beta

This article will separately discuss the usage of div horizontal center in css tutorials, and the compatibility issues in ie, ie7, and firefox.Center horizontally (centering)This is a simple technique, but it is worth repeating it again, because I

I. css controls ul indent spacing: www.111cn.net II. Three methods to remove the li point from css:Method 1: Baidu Yahoo Sina Google Method 2: Baidu www.111cn.net Yahoo Sina Google Method 3: Baidu 111cn.net Yahoo Sina Google  

css div width is automatically hidden and ellipsis is displayed and -->Fdsafdsaklfdjsaklf; djakl; fdjsakf; djsakfldajfklda; fjdsaklThe first website in China is www.111cn.net, which provides the latest webpage creation tutorial, webpage design

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

Therefore, the actual values are relative to the width of the parent element to calculate the percentage value, including the padding-bottom and padding-top values. Therefore, we can set the width here to 40%. Because the box width here is 100%, and

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

Performance differences:[Border: 0;] although border is set to "0" pixels, it cannot be seen on the page, but according to the default value of border, the browser still renders border-width/border-color, that is, the memory occupied.[Border: none;]

The horizontal and vertical center of the image is an old stalk. Most people have done it, or they have been asked during the interview. But I just learned the following 0.873 method ~~ Mark. Font-size: 105 = 120*0.873Provider: shenshenyanSpan