For every web developer, browser compatibility is a big problem. Firefox and IE are the most important user browsers. Generally, we install different browsers for testing. Firefox users can use the IE tab extension for debugging.
Now, you can try
Figure:
This effect is even the News Module with three columns and four columns. I used table in the past and thought it was more convenient than CSS. After a floating occurs, Ul was used, it is easier to control. Let's take a look at the Code:
It is always confusing to define the number of parameters in the padding attribute in CSS. For example:
Body {padding: 32px ;}
Body {padding: 32px 24px ;}
Body {padding: 32px 24px 18px ;}
Body {padding: 32px 24px 18px 12px ;}
Today, Baidu has
We have listed more than a dozen related knowledge and points of attention. You can systematically discuss it and make the web pages we have compiled more smooth.
Please do not tell me, you do not understand e, but you do not want to read it !!!
Solution
The best way to display sub-menus in a navigation system is to create a sub-list in a list. The two levels of navigation bar marked in this way can be easily understood-even if the browser does not supportCSS.
To generate a multi-level
This is a very simple application, but in the design, this can reduce the pressure on the server, is a good way to reduce the number of requests.
It is particularly worth noting that even two images in this small image can be slow in response time,
ArticleDirectory
List grid View
CSS list grid layout compatible and tested with IE6, IE7, safari 2, Safari 3, Firefox 2, Opera 9.21 List grid view sodales Porta Libero. n sodales porterat. nunc EU risus ut dolor
1. Check whether the HTML element has a spelling error and whether it has forgotten the ending mark.
Even veteran engineers often mistake the DIV nesting relationship. You can use the Dreamweaver verification function to check whether there are any
For example, there are four Li in UL whose width is 210px, and the four Li's widths are 80px, 120px, 140px, and 80px according to their own content length.
The effect I need is that four Li nodes are automatically arranged to the left. When the sum
This attribute can be used when you think the distance between an image and text is too close.
Image-text interval: settings of the heat map ace and the vspace
1. horizontal interval: hspace.For example, (The unit is also calculated using
Force do not wrap
Div {White-space: nowrap;}
Automatic line feed
Div {Word-wrap: Break-word;Word-break: normal;}
Force an English word to break a line
Div {Word-break: Break-all;}
CSS settings do not change rows:
Overflow: hidden
Today I read an article about the ordered list.
Article . Write an example:
Type Value
Generate Style
Sequence example
A
Uppercase letters
A, B, C, D, E
A
Lowercase letters
A, B, C, C, E
I wonder if the Taoist school has ever encountered such a situation: When the CSS controls the image size, if the width of the image is written to death, for example, IMG {width: 500px;}, of course, if the image width is greater than PX, it can be
Benefits:
Compatible with IE, Firefox, and opera;
Conducive to content integrity; conducive to Seo;
No background required
Program Processing;
You can adjust the length at any time on the front-end.
Bad:The Truncation length cannot be
Selector: First-letter {font-size: 2.5em; font-family: "_ gb2312"; font-weight: bold; line-Height: 1.2em; float: Left; padding: 5px 2px 0 0; color: # c00 ;}
If you don't think it is clear, let's take a closer look:
First, you must have
...
Declare in global.css
# Myarticle {Width: 400px;Height: 300px;}
In this case, getelementbyid ('myarticle') is directly implemented through Js '). style. width cannot get the PX value, because the value is defined in CSS, so you must use
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.