Original: http://blog.csdn.net/huang_xw/article/details/7300201
experiment 3 first block area second block area third block area fourth block area
The effect is as follows:
Original article: http://blog.csdn.net/huang_xw/article/details/7300201
Experiment 4
first block area
second block area
third block area
fourth block area
The effect is
Inline) 1. width, height, and. Verflow does not work on inline elements because they are always consistent with the width and height of the content.2. Valid values: margin-top and margin-bottom.Margin-left, margin-right is invalid.3. Line-Height:
Use firebug to paste the following line into the page you want to check. If the htmlCodeThe unrecommended labels or attributes are highlighted, and the levels are red, orange, and yellow.Here is a simple and easy-to-use
{* Rule! Important} the CSS rule has become very popular today in the production of web pages. I used to understand it in the 'browser identification? 'stage, but I have not really studied it, but now it has changed. As we all know ,! The important
After a long time, the Z-index settings are approaching astronomical numbers, that is, there is no expected results, and it is very depressing for a while!
The floating layer structure is roughly as follows:
The floating of the content layer is
The Code is as follows:
untitled document inline elements
I don't understand why the upper border of the inline element will "penetrate" the outer border, but the left border will not. (The Block Element border is 20px, while the
I. CSS Selector1. type, class, and Id selector: element. Class element # ID2. Group selector: Use a comma3. Descendant selector: Use a space4. Child selector: greater than ID5. First-Child selector: First-child6. sibling selector: Use the plus sign7.
I. CSS selector differences
Difference between IE and FF of a CSS, # popup_container. Alert {}In IE6, the alert class can only act on the child elements of # popup_container.The alert class under FF can act on # popup_container and its child
CSS modularization is not a simple process of splitting several CSS files, or splitting CSS into several small CSS files. CSS modularization aims to make CSS reusable, portable, and replaceable. The implementation methods include encapsulation,
In IE6 and 7, as long as the DIV height is not set, the height can be adaptive, and the background color or background image can be automatically extended.But there is a problem in IE8 or Firefox! The background color or background image cannot be
Create the struct of index page via csshere is the picture:
Here is the code:
Welcome"Never increase, beyond what is necessary, the number of entities required to explain anything." William of Ockham (1285-1349)Free Web Building TutorialsAt W3School.
Differences between relative path references in CSS and JS
On: http://www.cnblogs.com/xuxiace/archive/2012/03/06/2381874.html
Beginners are not very familiar with some basic knowledge. Therefore, during development or design, they are prone to
Example: (one row and three columns)
the content of ID "side" is displayed here the content of ID "side1" is displayed here the content of ID "Main" is displayed here
Note: Only such writing can be displayed after the test is passed.
=> Implementation function: JS event-driven and CSS inline style simulation tooltip;
tips for using CSS many colleagues who are about to develop software or who have not been doing it for a long time mostly focus on new technologies and
I made a website a few days ago, and the front-end style was quite new. So I have to find several examples to do it. This is a blog homepage. Today I am practicing CSS + Div.
:
CSS + HTML source code
exercise CSS personal homepage
Today, I made two calls to the main interface one day. The other is "CSS + Div hands-blog". The first one took 5 hours, and the second one took only one and a half hours. It seems that practice is quite a coincidence.
:
Source code:
CSS
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