CSS

Just like positioniseverything, this article focuses on the understanding of position, and strives to give you the most comprehensive understanding of position after reading this article.Four property values of

 First, let's take a look at the difference between the two single-choice buttons in the figure above. Isn't the B style really ugly?Let's take a look at the source code.Code in Area: normal style Code in Section B: change style We can see that no

So how can we solve this bug? The solution to this bug is as follows:1. Place select in iframe. div cannot overwrite select, but iframe can overwrite select, while div can overwrite iframe. So the solution is to use the Iframe element with a higher

I. x: after. Clearfix: after {Content: "";Display: block;Clear: both;Visibility: hidden;Font-size: 0;Height: 0;} . Clearfix {* Display: inline-block;_ Height: 1%;}I think the above code, many of my friends are very familiar with it. It is often used

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.

Solution within one row. Do you remember that when overflow: hidden is specified for the parent element, the parent element will be extended to include floating? This method is similar to this. The key is to use em and add spaces between each letter:

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

There are three lists in html: unordered list ul, ordered list ol, and definition list dl.1. Unordered list: ...... ...... Check out an ul li menu instance. * {Margin: 0; padding: 0 ;}Ul {list-style: none ;}Ul # nav {background: # f3c; height:

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

Method 1:For ie, add the following in the sub-container:Position: relative;For firefox, only png can be used.Background: url (images/boxbg.png );/* Only ie identification is supported */* Background: # cccccc;Method 2:A brief description is also a

Px: pixel, pixel, minimum unit displayed on the screen;Pt: point, which is a standard unit of length in the printing industry. 1pt = 1/72 inch;In windows, the text is defined as 96 dpi in the default display settings. This shows that 1px = 1/96 inch;

1. Clear floating with empty tags left right An empty tag can be a div tag or a p tag. I am used to using , which is short enough, and many people use . I just need to clear the border for it, but theoretically it can be any label. This method adds

1. Use a pseudo-class: after will be used to clear the pseudo-class layer with a null height and zero bit2. Use css overflow: auto to raise the bar3. Use css overflow: Den to generate weird adaptation4. Use display: table to convert objects into

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  

In this case, this box is called an unsung block box because it is not associated with a specially defined element.The text lines of block-level elements are similar. Suppose there is a paragraph that contains three lines of text. Each line of text

Map code for all provinces in China written in pure css Xinjiang Tibet Qinghai Gansu Inner Mongolia Heilongjiang Jilin Liaoning Shandong Hebei Shanxi Beijing Tianjin Shaanxi Ningxia Henan Jiangsu

Today, we want to implement the layout of one row and two columns. The width of the left column is adaptive and the width of the right column remains unchanged. The HTML syntax is as follows: left column right column When CSS is added, the

W3c believes that the margin stack is reasonable. Whether it is a bug or not, but this problem does exist. Let's look at the example below: margin: 20px auto margin: 20px auto margin: 20px auto margin: 20px auto margin: 50px auto There are many

An example of line feed after the floating layer is added with margin:For example, a DIV with a width of pixel PX contains a menu list with a width of 60px and a margin-right value of 20px. If we use the following HTML structure, can this menu list