DIV+CSS layout of the compatibility problem, in addition to some tips, often need to combine CSS hack writing to solve. The principle of CSS hack is for each browser to CSS properties of the support and resolution of different results, as well as
Div Horizontal Center is easy, set CSS style text-align:center; It's OK.
Vertical Center also has a property vertical-align:middle; The normal setting of this property is not effective.
The first method: the vertical center effect can be achieved
Emmet1 has the ability to automatically add CSS browser prefixes (vendor prefix).
For example, enter the following CSS (* to indicate the cursor position) in brackets:
div{bgs*Press the TAB key to expand the following,
div{-webkit-background-size:
Animate.css is a super CSS3 animation library, it is simple to use, only the corresponding effect of the class added to the page elements, you can flip, slide, rotate and so on the complex and dazzling cross-browser animation effect, it makes the
The principle of the CSS Implementation is very simple, and the following key CSS declarations work (red highlights):
code is as follows
copy code
. Container { /* Rolling container */ perspective:1px;
In a fixed width of a column, we use margi:0px auto; This setting allows a div to be centered, while the two columns need to control the left side of the left column and the right column to the right, so use margi:0px auto; it does not seem to be
The is used as the length of a gradient for the diagram tool. It looks good. (width: 187px; high 15px) It was supposed to be when 12%, the picture is displayed from left to 12%, the remaining 88% does not appear, but does not occupy the floor (it
The Positoin property has four values: static, fixed, absolute, and relative, the following two in the layout of the positioning is often used, as the name suggests, Absolute is absolute positioning, the object from the document flow dragged out,
We know that Dreamweaver is doing a good job in table making, but at some point it must be combined with CSS to achieve some specific effects, so we'll sort out the CSS syntax for the table border, and then explain how to use CSS to beautify the
Use the style sheet to control the scroll bars in IE.
Since the advent of DHTML, Microsoft has not stopped the enhancement of DHTML functionality in Microsoft's latest browser Internet Explorer The ie5.5 of 5.5 adds a lot of new style sheet content
Common and commonly used underline styles
1, text underlined way to display Use HTML tags to underline text with the U labelBut note that the U tag is a pair of tags with start end, I was underlined 2, Hyperlink text underline-css Hyperlink
For the use of CSS to achieve a carousel map reason, is just beginning to contact the front end, completely do not know JS. But there is a project (that is, a work to meet the interview) needs to do a carousel effect, then the first reaction is to
1. In the code, EM line write will create a blank. Remove the space between the EM tags without wrapping.2. Use margin to set a negative value to solve the IE6 module is top line-wrapping bug.3. Clear the Floating method: The parent element plus
In the site, are inevitable to use some Chinese fonts, such as the song, Microsoft, black, bold, etc., in the CSS written in Chinese methods are generally: font-family: "Microsoft Ya Black", "bold"; such a similar expression.CSS style files also
When you look at this article, you may wonder if it was wrong? Yes, CSS code can also hang Trojan, especially now many websites support Rich text submission.The website hangs the horse the means originally very unitary, but along with the Web2.0
Brief tutorials
This is a search box UI design effect made with CSS3. These search boxes in the design of simple code, design style with a flat style dominated, the effect of fashion generous.
How to use
HTML structure
The HTML structure of all
Core code The code is as follows:Copy code Background: url (images/bg.gif) no-repeat 50% 50%;Background: url (images/bg.gif) no-repeat center; Instance The code is as follows:Copy code center the upper, lower, and lower sides of the body
HTML selectorHTML selector is the tags of HTML, such as P, DIV, and TD. if you define them with CSS, the nature of the Tag will be displayed according to your definition on the whole page. the syntax of HTML selector is as follows:Tag {property:
Now IE7 has been launched for a period of time and penetrated into users. We don't have to wait too long to use more advanced CSS on the page. The two most useful items will be the Child and Adjacent Sibling selector. It is now time to use them to
Tip: you can modify some code before running Navigation bar completed by a graph implemented by CSS Game play Entertainment Food order Good fun Reprinted please indicate the source of mouse http://www.zishu.cn author: Mouse Tip: you can
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.
A Free Trial That Lets You Build Big!
Start building with 50+ products and up to 12 months usage for Elastic Compute Service