TIPS: What is CSS hack?
Different browsers, such as IE6, IE7, IE8, and Firefox, have different understandings of CSS parsing. Therefore, different page effects will be generated and the page effects we need will not be obtained.
At this time, we
For JavaScript (JS) and CSS compression tools, seeThree popular models:Jsmin, Yui-compressor, and dojo compressor.
-Ecmascript cruncher describes jsmin, Yui-compressor, and dojo compressor;
Previously, JavaScript compression tools have always
White-space:Normal|Pre|NowrapThis attribute is generally followedNowrapIt means that the content in a label is displayed in one row. If this line is not displayed, it must be displayed forcibly. If you are interested, refer to the Baidu homepage,
CSS has a special attribute: font. I don't know when we started using this definition: font-family: ' '. But after this definition, we may sometimes see this situation, we have defined the font of, but how is the font displayed? The other fonts
CSS priorities include four levels (intra-document selector, Id selector, class selector, and element selector) and the number of occurrences of each level. The CSS priority is calculated based on the number of occurrences of these four levels.
Webpage layout Div + CSS, which can be centered in IE, cannot be centered on Firefox, left
Style = "margin-left: auto; margin-Right: auto; width: 640px ;"
During the first test with Firefox, you may find thatThe frame normally displayed in
text and image alignment text and pictures align: baseline "mce_style =" vertical-align: baseline "> text and image Alignment mode text and image alignment mode text and text and text and align text with image
After returning from the National Day, I had a solid rest and felt a lot better. I did a bit of work, but I had to rest assured. Especially since the typhoon last night, I felt cool and slept for 10 hours.
I sorted out a previous article at work
I. Basic Code
2. Add Borders1. Normal black border (black by default in the browser)
2. Simple CSS decoration box① ② ③ ④ ⑤ ⑥ 7 Border
① (3) (4) (6) (7)
3. Add a CSS Filter1. No parameter Filters① Black and white② Negative film③ X-ray film④
Skin replacement steps:
(1) Go To The csdn blog management background, Open configuration options, and select cogitation from the configuration list skin drop-down menu;
(2) copy the following CSS code to the text box under the custom CSS style;
(3)
Code and brief analysis:
product introduction product 1 product 1 product 1 product 1 product 1 product 1 service Introduction Service 2 Service 2 Service 2 Service 2 Service 2 Service 2 success stories
Most of the covering layers are located by obtaining the height and width through JS, but most of them are done by CSS, except for a JS necessary to be compatible with IE6.
The general principle is to set the height and width of the covering layer
First, we will introduce some basic knowledge:
What is a style selector:
Selector {/* selector is the style selector */Property: value;/* color: red ;*/Property: value;/* font-size: 4 cm ;*/...} Selector: when defining a style rule, you must specify
nav first column of the four columns the second column of the four columns third column of the four columns fourth column of the four columns nav This is the first column of the Five columns This is the second column of
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