As early as in the blue forum, I conducted a survey on the CSS naming rules you used (single choice). The survey results are as follows (83 participants ):
Helloworld 2 (2.41%)
Hello-World 9 (10.84%)
Hello_world 52 (62.65%)
Helloworld 19 (2
Many strange problems may occur during CSS webpage layout. These problems may be browser bugs, or we may not know enough about CSS attributes. Although 52css.com introduces a lot of knowledge, but if you do more coding, you have mastered the
Div + CSS naming rules
Common CSS naming rules:Header: Header Content: Content/Container Tail: Footer Navigation: NAV Sidebar: Sidebar Topic: Column Overall Layout width of the page peripheral control: Wrapper Middle left and right: Left right
I have been using Div + CSS layout in my company for half a year. It makes me realize that DIV + CSS is better than table layout (easy to maintain ),
ProgramBetter performance than table. I am interested in Div + CSS.
Download: css2.0 Chinese
This article describes the key to HTML and CSS-the box model (
Box Model ). The key to understanding the box model is the margin and padding attributes. Correct understanding of these two attributes is also the key to learning to use CSS layout.
The biggest headache for div and CSS layout is the vertical center of things in the container. I also encountered this problem when I was doing the station. I checked the information and summarized the following method of center, compatible with IE
Introduction: This is a detailed page for making CSS cascading drop-down menus. It introduces PHP, related knowledge, skills, experience, and some PHP source code.
Class = 'pingjiaf' frameborder = '0' src = 'HTTP: //
Yui compressor is Yahoo! A small tool developed specifically for compressing JavaScript and CSS files. The operating system requires support from the JDK environment. To use this tool, install JDK and configure the environment variables of java_home.
Speaking of font-family in CSS, I believe many friends often use it, but I don't know how to write it when you reference Chinese fonts?Recently, I have paid special attention to the following three types of most commonly used:
1. Direct
Problems:
Div uses float: Left of the style. When a div containing "style: float" is nested in this Div, the following problem occurs:
There are only a small part of the two images in the border.
Solution:
Set the height attribute of the
The above results look good. In addition to flash, there are still many ways to implement it on webpages.
Obviously, this effect is not complex. A background image, coupled with a polygon layer with transparency above, can be converted under the
Document directory
Difference between different browsers, CSS hack writing:
Difference between different browsers, CSS hack writing:
Difference between IE6 and FF: Background: orange; * Background: blue;
Difference between IE6 and IE7: Background:
Grids CSS in Yui has three parts worth your attention and learning:
1. layout idea: using the "negative margin (negative margins)" technology
For details, see creating liquid layouts with negative margins.
2. Use EM: when the user changes the font
It is easy to use table layout to vertically center text and images. But in Div layout, it is not easy to vertically center content in a fixed height container.
In the DOM Standard
In IE
Comprehensive
Code highlighting produced by Actipro
CSS bug is the biggest headache in layout. We need to consider various browsers in order to achieve consistent results. It is a pity that the competition among various manufacturers has caused many problems. IE6 and IE7 are also very different in
I collected and sorted out the compatibility solutions for IE7, 6 and fireofx from the Internet. for Web, try to write code in XHTML format, and doctype affects CSS processing. As the W3C standard, doctype Declaration must be added, for more
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