CSS has a high value for the compatibility of browsers. In general, there is a great difference between IE and Firefox. Here we will introduce the compatibility points.
FAQs:
1. doctype affects CSS Processing
2. FF: When Div sets margin-left
[General selector]
There is another method that must be mentioned for the general selector to ensure that the page is compatible with multiple browsers,So to reset all the tags in the HTML, the followingCodeAdd to the top of the CSS file
*
There is an embedded introduction on the design draft. when the text is too long, a processed scroll bar is required for display.
If only the IE browser is required, you can change the color of the scroll bar by adjusting the CSS.
The Code is as
Summary:This article mainly describes the nature, usage, difference, and relationship between relative positioning and absolute positioning in XHTML. You can also use the Left, Right, Top, Bottom attributes (offset attribute), and Margin attributes (
Code
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->
cell 1
Cell 2
cell 3
cell 4
the effect is as follows:
Updated to version 0.11
Fixed the problem of poor quality of GIF images in the 0.1 version.
With the latest source file, the executable file. Thank you for your feedback. (To use this tool, you must install Microsoft's dot net framework 2.0)
-----
This example illustrates the differences in css between IE6 IE7 and IE8 FireFox. Different codes can make websites compatible ~~~~Code
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->
CSS hack
After using CSS for so many years, I understand the true matching principle of CSS. Do you know if you are the same as me? Let's look at a simple CSS:
DIV # divBox p span. red {color: red;}. According to our habits, the browser first looks for the
1. Use abbreviations
If you still don't know the shorthand yet, you will be out of date again. Fortunately, it is not very difficult to learn it. Using abbreviations is the easiest way to reduce code. There is no time to take a look at what is more
The focus of this effect is that I accidentally discovered a bug in IE, which may lead to the loss of the dotted line when a button or link is clicked in a specific environment. Other browsers are relatively simple. Browsers supporting css2 can
CSS:
Code
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->
HTML:
Code
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> Here
In web design, Font Processing cannot be emphasized. After all, web pages use to transmit information, and the most typical and direct method of information transmission is text. Therefore, understanding the basics of fonts is still very important
[This article is reproduced from: Bible's Blog]
First, I declare that when I published this article, IE7.0 and above currently have four versions: Ie7.0beta1, Ie7.0beta2, Ie7.0beta3, and Ie7.0 RC. These four versions are also compatible with CSS. In
========================================================== ========The author of this article is: Trenton Moss.The website is: http://www.webcredible.co.uk.========================================================== ========1. Simplified CSS font
This is a confusing concept. After careful analysis, these values are used to locate the elements. The following describes them one by one. This article only describes the equivalence of width and left, which corresponds to height and top. This
Basic style and usage:
Css unit:
1. attribute values of element positioning:
Position: A relatively basic attribute.
Usage: XML element name {position: [absolute | relative | static]}
Absolute: defines a brand new container in a piece of text.
Brief description:
Display: block inline elements define height and width (converted to block elements)
Float: The left block element is located in the same row.
The Firefox area is floating, and float: left is added to the 2nd block elements.
IE6
I made a navigation bar yesterday. In order to save code, the CSS attribute uses a Line-height. The result is that every time I click the navigation bar, the mouse is over and it is terrible. An eye-catching dotted box does not include images or
It's okay recently. I have made some custom CSS work, and I feel like I still can do it. The Code is as follows:
/* Customize CSS */
# Top {
Height: 80px;
Overflow: hidden;
Background: url
Because the header and bottom of the main channel page and list page of the website are the same, if you place each page in a separate page, the maintenance volume is too large when the header and bottom need to be changed. So I want to make the
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.