1. doctype affects CSS Processing
2. FF: When Div sets margin-left and margin-Right to auto, it is already centered, and IE does not work.
3. FF: when setting text-align for the body, set margin: auto (mainly margin-left, margin-Right) for the
The cellpadding and cellpadding of table are usually used to clear the default style as follows:
Table
Cellspacing
= "0"
Cellpadding
= "0"
>
Table
>
Many friends may say that the performance is in the structure and does not
I. Abbreviations
Margin (4 sides ):
1px 2px 3px 4px (top, right, bottom, left)
1px 2px 3px (Omitted left equals right)
1px 2px (Omitted top or bottom)
1px (the four sides are the same)
Simplify all:
*/Body {margin: 0} ------------ indicates that
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
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:
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
I often encounter this problem when I start to learn about the layout of web pages. Now I can copy my articles online and paste them here! Hope to help.
When we often use Div + CSS to build a site, we find that IE6, IE7, and Firefox often show a
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
CSS naming rules
Header: header
Content: content/containe
End: footer
Navigation: nav
Sidebar: sidebar
Column: column
Overall Layout width of the page peripheral control: wrapper
Left right center
Logon entry: loginbar
Logo: logo
Advertisement:
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
First, let's talk about the differences between Firefox and IE in CSS width display:
In fact, CSS 'width' refers to the width of the width in the standard CSS, and the width in Firefox is the width. It only contains the width of the content in the
Use div + css! Important tag differences between Firefox and IE6[Use! Important flag can be different between Firefox and IE6]Firefox support! Important flag, while IE6 ignores! Important flag, so you can use it! The important tag distinguishes
Nowadays, webpage Trojans are getting more and more rampant, especially for websites with low security awareness. They lack professional security technical talents. Trojan often occurs. Now let's take a look at how CSS can solve this problem. There
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
I am doing a secondary navigation and implementing the ad bar click-close function. The Code is as follows. Copy it to preview the effect!
untitled document
navigation bar (with subnavigation) subnavigation content subnavigation content
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