CSS

Today, let's take a look at the commonly used div css webpage layoutLine-height tutorialHere, we mainly define the height of the line where tags such as li br a are located,Line-height syntax:Container ID or class name {Line-height: 20px;}It's that

DefinitionText-transform control text case sensitivityInheritance: YesJavaScript syntaxThe CSS attribute of can also dynamically change a JavaScript.Script syntax: object. style. textTransform = "exploitation"P{ Text-transform: uppercase}

DefinitionLine-heightDefines the height before two rows.Inheritance: YesNote: negative values are not allowed.JavaScript syntaxThe CSS attribute of can also dynamically change a JavaScript.Script syntax: object. style. lineHeight = "2"Let's take a

The code is as follows:Copy code Peter Griffin Lois Griffin Cleveland Brown Glenn Quagmire  

The CSS attribute at the border defines an element near the border. Property Description Values IE F N W3C Border A

Today, let's take a look at how the image uses div to arrange multiple rows and columns, as shown in the following figure. The code is as follows:Copy code        Changsha Hengtong maternal and child supplies Co., Ltd.             

The difference between css padding and margin. Let's take a look at an image and then analyze the difference between padding and margin based on the image.As shown in the preceding figure, there are two boxes A and B. padding and B represent margin.

The code is as follows:Copy code & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;

CSSer must master the simplest hack skills about IE6, IE7, and FF.You can also refer to the following articleFF browser . Test {Height: 20px;Background-color: orange;} Internet Explorer 7 * + Html. test {/* IE7 */Height: 20px;Background-color: blue;}

What needs to be learnedCSSAttributes make HTML tags impossible: control the word spacing and letter spacing.Word spacingWith the padding attribute, you can add more distances between words: H3 {word-spacing: 1em}The parameter value you used will

2. Abbreviations of the same attribute:The same attribute can also be abbreviated based on its attribute value, for example: The code is as follows:Copy code . Search {Background-color: #333;Background-image: url (../images/icon.gif );Background-

* {Margin: 0; padding: 0; border: 0 ;}Html, body {height: 100% ;}# Box_2 {height: 100%; background: #000 ;}Absolute position overlap effect# Box_1 {position: absolute; top: 0; left: 0; width: 100%; height: 50px; background: # f00; z-index: 2 ;}# Box_

This is an example of using li Baidu Yahoo Sina Google Run this html code and you will find a black dot in front of it. Sometimes you may think this dot is redundant, so you need to remove it. The method to remove is: Baidu Yahoo Sina Google

First, we hope you will have a stable attitude. CSS is not something that is too difficult. As long as you learn more and practice more slowly, getting started very quickly. I personally think that CSS is not a programming language, so don't worry

Why is it called separately?"Individually called" means adding the STYLE attribute. The CSS declaration is applied to a separate webpage element (any text, image, table... in this case, CSS will no longer display the results in a STYLE sheet, but

Here we will record some of the problems I encountered during the production of the web page. I want to help you here. If the iframe is different, a scroll bar appears. On the iframe reference page, add: Scroll bar styleSCROLLBAR-FACE-COLOR:

Use CSS to change the mouse style    Keyword: Explanation: style:Auto automatically changes the styleCrosshair precise positioning "+"Default pointerHand shapeMoveE-resize arrows toward the rightNe-resize arrow toward top rightNw-resize arrow toward

Define the dot style before LIView plaincopy to clipboardprint?Syntax:List-style-type: disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew |

Single row and one columnThe following is a reference clip:Body {margin: 0px; padding: 0px; text-align: center ;}# Content {margin-left: auto; margin-right: auto; width: 400px; width: 370px ;}Two rows and one columnThe following is a reference