In the mobile phone, I rarely use the sprite map merge positioning icon, with more than the use of the font icon to replace some of the icons when they are a single cut out of control.
Look at the mobile phone side of the Web site these icons
Today, in the debug code, I encountered a CSS problem. Notice that there are some gaps. Previously encountered such problems, I generally practice is directly add display:block to solve, today in-depth analysis of the reasons.
First
The first case is that the form is bursting with the English word.
The solution is to set the style= "Word-wrap:break-word" in the table's properties.
But there are still problems. When a long list of English letters is loaded into the form, the
Using CSS: Hover to make a menu, one thing to note is that when designing a menu, you first design a level menu (using Position:relative;), use the same style, level two menu div{display:none; Redesign the two-level menu Div after the UL position
CSS, such as proportional division, in the CSS layout is more important, run the following code to view the case.
In addition to the examples of several methods, there is a better compatibility method, that is, the use of percentages, but add or
The elements that are absolutely positioned are positioned based on the nearest position for the relative/absolute/fixed ancestor element. If an element with position is not found, it is based on the coordinate origin (upper left) of the entire
The final effect is as above, the handset end (left), the computer end (right)
Ps://www.idevs.cn/wp-content/uploads/%e6%9c%aa%e6%a0%87%e9%a2%98-5.png "/>
I have a very wonderful problem, it is inexplicable to the front end of the framework is very
The center of floating elements is not often used, but in order to cope with some wonderful interviewers, you also need to know how to solve the problem.
Post a piece of CSS code:
width:50%; height:300px; Float:left; margin-left:50%;
First we explain the postion attribute.In CSS3, that's what Postion describes.
Summarized as follows:Static is the default layout, set Top\left ... Properties are not useful.Relative is the relative layout, set up by the Top\left. is relative to the
Content filtering is a common feature on the web, especially in the Electronic Business Web site, in order to allow users to filter content, only to display the content of their own requirements. Cut a picture, can better illustrate such functions,
The scope of a CSS rule is global. In a JavaScript environment, every CSS rule that we write is equivalent to defining a global variable. More global variables, naming conflicts, side effects, code unpredictability, and other issues began to emerge.
Antecedent: A project for statistical effect, the Consultation page window embedded into a separate empty page, in this page Riga a statistic, let people look at this page with direct access to the consultation page, lazy toss what JS, directly with
Dreamweaver has powerful CSS editing capabilities, and its editing capability is far stronger than Frontpage98. Although Dreamweaver does not declare support for CSS2, the program itself has basically achieved the basic specification of CSS2 for the
When two or more CSS rules are applied to the same text, these rules may conflict and generate unexpected results. The browser applies CSS rules as follows:If the two rules are applied to the same text, the browser displays all the attributes of the
Many friends may encounter this situation when using Deamweaver8: they linked the CSS file to the currently edited document and applied the defined CSS style to the page elements, but there is no effect in DW8. As shown in the following figure.The
If XHTML and CSS are object-oriented .. The sun should have risen from the north. However, everything should look at the problem with the idea of OO, and we can barely pull together. In fact, some people proposed OO-style as early as a few years ago,
Tip: you can modify some code before running Vertical navigation menu made with pure CSSVertical navigation menu made with pure CSS与之间-->与之间--> Homepage Special effects for Webmasters Webpage special effects Ad code Rss subscription
Tip: you can modify some code before running Vertical third-level navigation menu of the China Mobile Member Center made by Div CSSVertical third-level navigation menu of the China Mobile Member Center made by Div CSS与之间-->与之间--> Homepage
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