CSS

First of all, the development model, just started to contact, basically follow the web-side development mode, the current development model did not find suitable, now basically like this:1, computer Nginx Configure server3, computers and mobile

The CSS padding property defines the inner margin of an element. The Padding property accepts length or percent values, but negative values are not allowed. For example, if you want all H1 elements to have 10-pixel internal margins on each side,

Minimum height min-height can set the minimum height of a box, when its content is less, can also keep box height is certain, beyond the automatic downward extension, but so far only opera and Mozilla support, IE7 above version support, how on the

Method One, Note: This method uses CSS3, no pictures, compatible with a variety of WebKit browser, while compatible with ie8+. First figure: 1. First is the HTML code, relatively simple, only need a simple UL and Li can The code is

Center up or down The code is as follows Copy Code div{position:fixed;Margin:auto;left:0;right:0;top:0;bottom:0;width:200px;height:150px;} If only need to center, then put bottom:0; or top:0; You can delete

Do not use positionIn this case, each layer follows the HTML positioning rules. The left, right, top, and bottom positioning information is invalid, and the z-index will not work because there is no cascade.2. Use absoluteIf the z-index attribute of

Current page-for example, if the current page is a homepage, the color of the homepage on the navigation bar is different from that of other topics, which is used to give a clear indication to the viewer.Next, let's take a look at the specific

1. DIV CenterBody {text-align: center ;}Div {margin-right: auto; margin-left: auto ;}Note:For IE, define "text-align: center;" in the parent element.For other browsers such as FF, the data cannot be centered. You need to define "margin-right: auto;

We have seen various input buttons defined by CSS, but the select statement cannot be implemented simply by defining input. The following provides another css definition method to dazzle your select.CSS section: The code is as follows:Copy code .

The value of background-position can be the unit of length, percentage, or keyword.The length unit is easy to understand. The value is positive, and the value is negative. In the keyword, "left top" means "0% center" means "50% right bottom" means "1

Attribute of an element can also be used for selector. The following lists several modes:Attribute Selector PatternsModeDescriptionE [attr]Attribute selector: specifies an Attribute selector that matches any eelement containing this Attribute. You

Margin is one of the most commonly used attributes in CSS la S. However, if it is not used properly, too much junk code is often generated, increasing the size of our encoding. Today we will introduce a small example of code optimization. Through

I. Margin (frame distance) padding (border distance)Margin attribute setting sequence: Upper right bottom leftPadding attribute setting sequence: Top right bottom leftMargin: 25px 0 25px 0;Abbreviation: margin: 25px 0;II. Set Display attributes(1)

1. Check immediately if you have any questionsIf you can perform a simple check on the original code when an error occurs, you can save a lot of headaches. W3C for XHTML and CSS are available detection tools, see the http://validator.w3.org please

Are CSS files prepared first or HTML files written first? There are many answers on the Internet: write HTML first and then CSS; write CSS first and then HTML; write both at the same time.My principle is to write HTML first and then write CSS to

What are the tips for css auto-wrapping? We all know that continuous English or numbers can be large containers and cannot be automatically wrapped according to the container size. Below is how CSS wrap them!We all know that continuous English or

Tip: you can modify some code before running Example:Happy Wolf smart rounded cornerHappy Wolf smart rounded corners:Class = "[4, 'Blue ',' # ffff']":In sequence: [rounded corner radius, color style, background (not necessary)]Class = "[1,

Tip: you can modify some code before running You can use the rounded corner style again and set different classes for different content. You can change the background style. testboxcon uses a "relative" location, it mainly serves as a reference for

Tip: you can modify some code before running Several pretty buttons implemented with CSSNice buttonNice button  Nice buttonNice buttonNice buttonNice button Tip: you can modify some code before running

1. $ ('node + next') =$ ('node'). next ()2. $ ('node ~ Siblings ') = $ ('node'). nextAll ();3.: the element whose gt (index) is greater than the index number, starting from 0.4.: the element whose index is smaller than the index number, starting