-- The translucent effect behind the CSS pop-up formStyle = "filter: alpha (opacity = 30 )"
-- The lowest Div height cannot be 1pxAdd font-size: 0px, because the DIV has a default font size.
-- Position: absoluteStyle = "position: absolute ;"In
CSS selector:
1. Tag selector: set the same CSS format for all HTML tags.
2. Category selector: for example. class {color: green; font-size: 20px} class is the class name, color and font-size are the attributes, and green and 20px are the values
Original http://www.stubbornella.org/content/2012/05/02/cross-browser-debugging-css/
The author is a YAHOO front-end engineer.
The first thing to do is to select a good browser. My choice is Chrome, because it has powerful debugging tools. After
Note:[Reprinted please indicate the source of the article and keep it as it is]
Source: http://www.cnblogs.com/jyli/archive/2010/01/31/1660364.html pleaseAuthor: Li Jiayi
The implementation of CSS in Webkit is a relatively independent module. Note
CSS box)
First of all, it should be clear that the box attribute is not in CSS. The CSS box consists of the following parts:
Content, padding, border, and margin ). The content of the box is mandatory, and the padding, border, and border are
In CSS, overflow control can be implemented through text-overflow: Clip | ellipsis;
Clip is only used for simple cropping. ellipsis adds "..." while cropping. This method is better than the js method for intercepting characters (SEO for search
Pseudo-anchor
In browsers that support CSS, different links can be displayed in different states, including activity, accessed, inaccessible, and hovering.
A: link {color: # ff0000}/* unaccessed link */A: visited {color: #00ff00}/* accessed link */A:
After the previous article "Best Practices for front-end code standards: javascript" was published, we were very enthusiastic about it. It reflected that front-end engineers paid great attention to writing standard front-end code. These best
Hexadecimal color value pairs
The default hexadecimal color value is uppercase and six-digit. Lower rendering efficiency without taking risks in unknown situations.
Disapproval-color:#f3a;
Recommended-color:#FF33AA;
Code:
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->
my comrades, my comrades comrade, my comrade, my comrade
Example:
My comrades, my comrades, my comrades comrade me Comrade my
Nobr Element
Code do not wrap or wrap
Nowrap Element
Code div does not wrap
Float attributes
Code first div the second div does not wrap
Use the diplay attribute in CSS
Text Box
CSS () can pass the attribute name of a string for this method. For example, CSS ('backgroundcolor '). for attribute names composed of multiple words, JQ can be understood as CSS notation (for example, CSS ('background-color ')), it can also be
CSS float is similar to latex float;
In the list item, use the following configuration options: List-style-image + list-style-type combination.
Auto makes up for the difference between the other parts and the required sum. In the complex
I. white-space
You can implement the pre-label effect in HTML and the nowrap Effect of cells. Click here to view the example.
Syntax:White-space: normal | pre | nowrap Valid value:Normal: default value. The default processing method. Text
In Firefox, you can use display: Table-cell; Vertical-align: middle; to vertically center Div, while in IE6, you need to use CSS in IE6 to vertically center. To implement vertical center compatible with Firefox and IE6, you also need to use it!
Style Properties
The following lists some of the custom style properties that Mozilla supports.
Properties:-moz-appearance
Used to cause an element to take its border, background style and sizeFrom the operating system's theme. This causes XUL
Switch: bytes
Image rotation can be said to be an effect, but gradually, the rotation is not only in the category of visual effects, it is more useful and functional. As we all know, sometimes a photo needs to be taken in a horizontal way. It needs
The attribute Background in CSS is the most common. But do you really understand it?
Background represents the Background and can be used for various elements. A single function indicates the background of an element without affecting the layout of
Background
This article does not discuss the size and position of common elements, but only the page size and position. to simplify the problem, this article only discusses the distance between height and top. The author found that the page width
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