For those who often use div + css layout, pay attention to the following points:
I. Use less remedies.
Similar to break-word, z-index, manual layering, vertical alignment, and so on, it is best to use less, because not all browsers support it and
The display: none style is often used in front-end coding of web pages. Some features are usually found during usage. 1. If you directly use display in the style file or page file code: none hides the element. After loading the page, the js Code
With the popularization of the Standardized Design Concept of web, many large portal websites in China have adopted the DIV + CSS production method. From the actual application, this method is definitely better than the table creation PAGE method.
Many articles about CSSHACK are mentioned in jb51.net. CSSer must master the simplest hack skills about IE6, IE7, and FF. FF Browser
. Test {
Height: 20px;
Background-color: orange;
}
Internet Explorer 7
* + Html. test {/* IE7 */
Height: 20px;
There are a lot of self-adaptive code, and it is rare to consider the efficiency or other considerations, however, the idea is similar. If an iframe without borders can be seamlessly integrated with a webpage, it is possible to update part of the
It has been a headache for me for a long time, that is, the problem of image scaling. Write it into JS and it is not easy to modify. Write it into CSS. IE6 does not support max-width. It took a long time to solve this problem, which is basically
Contact between pages and css. Both veteran and novice users need to understand
Cascading Style Sheets: The Definitive Guide
, 2nd Edition is a thorough review of all aspects of CSS2.1 and a comprehensive guide to CSS implementation. the book
In fact, similar to border attributes, a web-based friend can skillfully use the following style to create a beautiful border effect image frame feature parameter:
① Dashed: dotted line
② Dotted: dotted line
③ Solid: solid line
④ Double:
There are a lot of tips in CSS web page layout development, and new users are often unfamiliar with this. It may take a long time to figure out one or two small issues. Although many documents have mentioned this issue many times, but there are
Css enforces no-line feed automatic line feed force-line feed not line feed
P {
White-space: nowrap;
}
Automatic line feed
P {
Word-wrap: break-word;
Word-break: normal;
}
Force an English word to break a line
P {
Word-break:
CSS: Float cleanup, clear: both labels are not used. Most people know that float cleanup is necessary: & lt; divstyle & quot; clear: both; & quot; & gt; & lt; div & gt ;. For example:
Some Content
Preview this code and we will find that
In the past, JavaScript was used to control the image size. Sometimes our advertisements become small, so they are generally directly controlled in the content area, this method uses the css expression method. I wonder if the Taoist school has ever
Why is there a gap between the two span labels in the code after being executed in ie in the same line? But are there no gaps between the two div labels in the same row? Isn't it because I used display: lnline to change the inline element? Why is it
Id is used to identify the unique element of a page. The id is used to control a content block. By placing a content block into a div and assigning a unique id, you can use the CSS selector to precisely define the appearance of each page element,
The last four articles describe commonly used XHTML labels, which are not very detailed. But it doesn't matter. The key point is to be able to use them first. It will be much easier to study more detailed features and use methods later. As mentioned
The content of this lecture covers links, titles, inserts, deletes, up and down labels, split lines, line breaks, and other labels. We all know that the biggest feature of a Web page is "Link". Yes, what we seem to have become accustomed to now has
IE8Beta1 has been released, and we can see many new features. For example, layout Engine "completely" supports CSS2.1 and HTML5, so it is different from the Layout engine used by IE browser, the previous IE browser does not fully comply with
I installed IE8 today. When I went to the Microsoft website to download it, I found that the beta version of the Chinese version was provided. Haha, I found that IE8 is not as demonized as it is in the legend. It is a good browser and has a good new
A page has four Iframe entries to display the flash content. The second iframe is controlled by Javascript and appears only when a specific cookie exists. Otherwise, the page displays common text.
How to solve Iframe display Bug when Firefox Returns
It is recommended that you learn about table advanced usage skills a long time ago. It is not always necessary to use div + css layout. It is very suitable for the present. 1. Table separation lines can be hidden.
Horizontal separation lines
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