But under the IE6, the position:fixed attribute is not supported, and we need to handle the IE6 hack. The solution is to use the Postion:absolute attribute, its role is very familiar, relative to the parent element for absolute positioning, and then
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
Previously do flash JS ads the same page can only be called once, this article provides the JS CSS tutorial picture switching effect can be called multiple times, and can be used normally.
js CSS Picture Switching effects (multiple calls to the
CSS Drop-down selection menu basic CSS style is not good-looking, through some simple style optimization, you can get the above style, incompatible IE6 style, because the use of opacity.
The code is as follows
Copy Code
CSS pseudo element is very powerful, it is often used to create CSS triangle hint, use CSS pseudo element can achieve some simple effect but do not need to add extra HTML tag. One thing is that JavaScript cannot get these CSS property values, but
1. The origin of the problem
There is a situation in which a container (container) has two floating child elements, as shown in Figure I.
(Figure One Design view is a parent container that contains two floating child elements)
What should I
Example 1
The code is as follows
Copy Code
Hi, did you see it? This is commonly used to the surface of the wording!
The above HTML forms a surface and four sharp corners, in fact, you only need one span
1. The tag has a padding value by default in Mozilla, and only margin has a value in IE.2. the same class selector can be repeated in a document, but the id selector can only appear once. CSS is used for defining a label with both class and id. If
1. DIV Center The code is as follows:Copy code Body {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.
IE vs FFKey points of CSS Compatibility:DOCTYPE affects CSS processingFF: When div sets margin-left and margin-right to auto, it is already centered, and IE is not working.FF: When you set text-align for the body, you must set margin: auto (mainly
How to center the entire page content, and how to automatically scale the highly adaptive content. This is the most common problem in CSS layout learning. The following is a practical example and detailed explanation. (The experience in this article
Many of my friends told me that she/he has code cleanliness, that is, she/he is never willing to add additional tags if she/he writes XHTML ). For a simple example, I believe many people have seen this in many places: The code is as follows:Copy
Css can process 16,777,216 colors and use names, rgb values, or hexadecimal code.RedEquivalentRgb (255, 0, 0)EquivalentRgb (100%, 0%, 0%)Equivalent# Ff0000Equivalent# F00There are 17 pre-determined colors, which are:Aqua, black, blue, fuchsia, gray,
Apply Div + CSS web page layout to create websites that comply with web standards, which is prone to some problems.So that you can see the problem.I. CSS verification problemsThe webpage we designed is designed to comply with the XHTML standard, and
CSS selector is the basis for CSS webpage layout. What are CSS selector and how to use it properly? There are three types of delimiters. Apart from the first type of HTML selector, we can name the other two types by ourselves. When naming them, note
Some time ago, the customer sent a website effect diagram. Because the customer is a graphic design engineer and has no experience in making webpages, the effect diagram uses a large number of gradient colors, and multiple layers overlap, as a
The final CSS style will overwrite all existing or conflicting styles defined earlier. For example, the following example:P {color: red; background: yellow}P {color: green}The above section will eventually display a green font with a yellow
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