CSS

1, VIM open nginx configuration file Vim/usr/local/nginx/conf/nginx.conf 2, to find the following paragraph, to modify gzip on; Gzip_min_length 1k; Gzip_buffers 4 16k; #gzip_http_version 1.0; Gzip_comp_level 2; Gzip_types text/plain application/

Clear has four values.1. none: Allow floating objects on both sides;2. both: floating objects are not allowed;3. left: floating objects on the left are not allowed;4. right: floating objects on the right are not allowed.To be honest, I didn't really

A div label is added under blockquote, and a background image is defined for each of them. After padding is set, Blockquote effect can be achieved.Instance The code is as follows:Copy code Css reference

The most common The code is as follows:Copy code Left Right Use div to operateClear floating with empty labels. I have been using this method for a long time. An empty tag can be a div tag or a P tag. I am used to using , which is short

I. css hackThe following two methods can solve almost all today's hack.1 ,! ImportantWith ie7! Important support ,! The important method is only for the hack of ie6. (note the writing method. Remember to advance the declaration position .) 

Use the css attributes of max-width, max-height; or min-width and min-height. For example: The code is as follows: Copy code Img {max-width: 100px; max-height: 100px ;}Img {min-width:

Word-spacingSyntax:Word-spacing: normal | lengthParameters:Normal: default spacingLength: a length value composed of floating-point numbers and unit identifiers, which can be negative values. See length unitNote:Retrieves or sets the number of

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

For example, this condition:Margin: 3px 3px 0px 3px;Display: block;I think you will know what it means at first glance, but through testing, IE6 and IE7 browsers have different performances. IE6 is very loose. It seems that the distance between the

Now it is written separately.. 111 cnHack {Float: left;Margin-left: 20px;}*. 111 cnHack {_ Display: inline;/* hacked for IE 6 */}In the past, I used to write hack.111 cnHack {Float: left;Margin-left: 20px;_ Display: inline;/* hacked for IE 6 */}

The code is as follows:Copy code . SearchBar {Font-size: 12px; letter-spacing: 2px;Border-bottom: 1px solid # dddddddd;Padding: 5px 0px 3px 0px;Margin: 4px 0px 4px 0px;Text-align: center; height: 24px;FILTER: progid: DXImageTransform. Microsoft.

Border CSS, our favorite CSS attribute, allows you to completely customize HTML elements near the border. With HTML, it was once an element near the impossible boundary, except for seating. The CSS border allows you to create clear, custom border

Text wrapping is a typographical method of Microsoft Office Wordworks. It is mainly used to set the positional relationship between objects and texts in Word documents, such as images, text boxes, custom images, clip art, and artistic words. It

Transparency often produces good web page visual effects. First, we provide CSS transparent code compatible with mainstream browsers: The code is as follows:Copy code . Transparent_class {Filter: alpha (opacity = 50 );-Moz-opacity:

The following code does not scroll with the browser:CSS code The code is as follows:Copy code Body {background: url (background image address) no-repeat fixed center top; margin: 0; padding: 0 ;} You only need one core code to achieve that the

In fact, before reading this document, I thought this way too."Document object path" is familiar to everyoneI applied this way of thinking to css definition.For example:There is such a table 1 2 3 1 2 3 I want to control the tr style in the

With the general support of browsers, css has been given an unprecedented mission. However, the more css dependencies, the more complex the style sheet file will become. At the same time, the file maintenance and organization tests also follow.(Once

7. Gray, Invert, and Xray filtersSyntax: {filter: gray}, {filter: invert}, {filter: xray}The Gray filter turns an image into a grayscale image. The Invert filter turns all the visual attributes of an object, including color, saturation, and

When browsing webpages, we often encounter some interactive effects. For example, some changes may occur when the container moves over the mouse. These effects can be achieved in multiple ways. What we need to solve now is how to write scripts in