I bought this book for a long time and read it intermittently. I spent some time reading it systematically. Strictly speaking, I read this book system for the second time. It was because many knowledge points could not be understood, so there was no
All website friends know that, because the kernels of different browsers are different, even if different versions of IE are displayed differently, the display effects of the same page on different browsers are different. Therefore, it is very
In the current situation where Internet Explorer 6 IE7 has efox, the browser compatibility problem has become a problem that needs to be considered by web designers.
Different browsers use CSS hack:
Difference between IE6 and FF:Background:
After you discard the support for IE/Mac, the new floating clearing method is as follows:
/* New Clearfix */. clearfix: After {visibility: hidden; display: block; font-size: 0; content: ""; clear: Both; Height: 0;} * HTML. clearfix {ZOOM: 1;}/* IE6
CSS abbreviationMultiple rows of CSS attributes are declared as one row, also knownCSSCode optimization. The biggest benefit of CSS shorthand is that it can significantly reduce the size of CSS files. In fact, there are many other benefits. A
. Clearfix: After {Content :".";Display: block;Height: 0;Line-Height: 0;Clear: both;Visibility: hidden;}. Clearfix {display: inline-block ;}/* Hide from IE Mac */. Clearfix {display: block ;}/* End hide from IE Mac *//* End of Clearfix */
Example:
Flex2 development projects often need to verify user input. flex2 itself provides us with rich components.The following example provides the following features:1) centralized data verification2) locate the cursor to the first verification failure
1. Compare the priority of class and ID.
No title 1
class before after id class before behind the class ID before behind the class ID before after id
Conclusion: The above Code shows that the priority of IDs in CSS styles is higher
1. solve the problem that the background cannot be extended
The above problem shows that the adaptive height of the background does not inherit the float height. solution:Add
2. How to align webpages in the center?Body {margin: 0;
Relative and absolute of position in CSS
The default attribute values are static and static. You don't have to talk about it. The most important thing isRelative (relative) and absolute (absolute ).If we copy other people's code, we will combine the
I reviewed the basic CSS knowledge the day before yesterday and learned some layout knowledge yesterday. Today is the third day. I started to create a CSS + Div layout page by myself. The process of making the first page of the camel was very
The next day. I learned the basic usage of CSS yesterday, including CSS references and some common CSS attributes. Understanding the basic usage of CSS is only the first step to complete CSS + Div layout. When it comes to typographical layout,
For a simple and hidden menu, there is only one menu label for the indicator at first. When you move the mouse over the menu label, the complete menu is displayed. Javascript has many versions, but few have CSS versions. So far, I think this menu is
Length in CSS
Absolute unit: almost no webpage
In inch 1In = 2.54
Cm 2 1 CM = 0.394in
Pt lb 1In = 72pt
PC Pica 1In = 6 PC
Relative unit: relatively common
Em 1em = font-size value of the corresponding font
Ex 1ex = the height of the lowercase x
Http://meyerweb.com/eric/tools/css/reset/
The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. the general reasoning behind this was discussed in a
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