CSS

Programmers know that the General tab is implemented by JavaScript, and the advantage of JavaScript is that it is powerful and flexible. But there are special circumstances, if only a simple content switch we can use CSS to implement tab. So how

Summary: Multi-column layouts are often seen in web applications, sharing more than 4 columns of layout today. Display:table The code is as follows: OneTwoThree Float The code is as follows: OneTwoThree Display:inline-block The code is as

H1 tags to improve SEO keyword ranking role presumably is a webmaster know, but H1 label will make the text become large, sometimes in the Web page seems out of place. The following small series to share with you under the CSS hidden text method.

Example 1 Indeterminate height vertically Centered The code is as follows /* Center . vetically {Vertical-align:middle;Display:table-cell;*position:relative;}. vetically_c {Display:block;margin:0 Auto;Text-align:center;

A bit is the use of CSS filter effect to achieve a gradual rollover of the code, the need for friends can refer to the next. code is as follows: css Transform:rotate ( regulations are not transparent. From 0.0 (fully transparent) to 1.0

Recently I have been learning CSS page layout design, the learning process has also done a few examples. For the layout of the Web page analysis of ideas is also a certain understanding. This article does not talk about technology, only a CSS page

CSS can handle 16,777,216 colors, using first name, RGB value, or hexadecimal code. Red colorEqual toRGB (255,0,0)Equal toRGB (100%,0%,0%)Equal to#ff0000Equal to#f00 There are 17 predefined colors, which are: Aqua, black, blue, fuchsia, gray,

Because the project writes the document structure, writes the CSS more personnel, and works with the programmer, needs unifies the class and the ID the name, commonly used keyword:Container: Container/boxHead: HeaderMain navigation:

When making a Web page we often need to create some vertical text, which may be a very simple thing for you, but have you ever thought of using CSS to have n ways to create vertical text? Here is my translation from Nettuts+ 's article, I hope these

The code is as follows: header_left header_right . header{width:1000px;background:red;} . header. Header_left{width:600px;background:green;float:left;} . header. Header_right{width:400px;background:pink;float:right;} . Clear{clear:both;} Such div+

Background-size value type: One or 2 values that can be either pixel px, percent% or auto, or a specific value cover, contain.Background-size can set 2 values, 1 are required, and 1 are optional.The 1th value specifies the width of the background

Input:checked+ol: This is when the inoput has the checked of its peer style.Input:checked+ol>li: The greater than is refers to when Inoput has the checked after its peer under the son of Li's style, the grandchildren of the inheritance.HTML codeThe

The code is as follows: Male Female In this way, the div inside Div is evenly distributed by drifting the inner div to the left and then setting the width to a slightly less than average (to prevent extrusion).PS, use this method to center

The small triangle below the dialog bubble box in the Web page is very useful, the method of drawing a lot of, want what font icon, small picture and so on all can, but are not nimble and quick, have the CSS3 after drawing a triangle is very simple

  Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd testdiv R=... class= "R4" > R=5 class= "R1" > class= "Rb4" > R=6 Class = "Rb2" >

  Recent Learning point style sheet, there was a very bad CSS friend to me this code, look pretty good, thought really good! Leave a souvenir! Untitled document ≪/head> I won't move

The search box at the top of the flying Fish's sonar gave me a headache for a long time because it was not always possible to get a unified style across browsers. There are two main questions: one is the height of input tags can not be unified,

This is the tooltips you see, these additional explanatory words are displayed when the mouse passes by.

If XHTML and CSS can be object-oriented ... The sun should rise from the north. However, everything should be with OO thought to look at the problem, but also reluctantly dine pull. In fact, as early as Zhougi years, some people put forward the

Some CSS properties about line wrapping, cropping Word-wrap:normal | Break-word Normal line wrap, content can burst containers, such as long words or long numbers of casesBreak-word the word as the line, and if necessary, the words inside the word