PageBreak: Forces the page to be changed before and after the style control when printing.
Before: The page break that appears before the object is set. When set to always, the page delimiter is always inserted before the object. The corresponding
The code for the first effect (corresponding to the first image) is as follows:
The code is as follows
Copy Code
These p tags are not placed outside the shadow layer //These several P tags are contained in the shadow
Method One: Use PNG map as backgroundPay attention to hack.HTML code
The code is as follows
Copy Code
logo
CSS Code
The code is as follows
Copy Code
. logo {width:338px; height:57px;
First to two pieces of code, a paragraph is HTML code, a section of CSS code, the following analysis is based on these two pieces of code.
HTML code:
The code is as follows
Copy Code
solve the problem of alignment
Causes:
The Overflow:hidden property of the parent element is invalidated when the direct child element of the parent element or the style of the subordinate child element owns the Position:relative property.
Solution:
We found in IE 6 that the
Difference IE6 with FF:
Background:orange;*background:blue;
Distinction between IE6 and IE7:
Background:green!important;background:blue;
Difference IE7 with FF:
Background:orange; *background:green;
Difference ff,ie7,ie6:
CSS picture vertically centered problem, I have been plagued for a long time, today can finally be summed up.
Method One: Using positioning
HTML structure such as:
The code is as follows
Copy Code
CSS code
First, the UL margin problemUL inside margin and padding default value is not 0, so when nesting Li, if the value of the specified Li, may be the external div braces, so if you want to use the time to specify the UL margin and padding for 0, the
In order to achieve some special effects, the page elements need to be transparent, this article is about using CSS to achieve Firefox and IE are supported by the Alpha transparency effect.
The code is as follows
Copy Code
When writing CSS, use Background:url (#) or the page will be more than one request.
However, because write more CSS, the general need to use an empty background to solve the bug, the test results with Background:url (About:blank) is what we want:
The code is as follows
Copy Code
title area Content area
Note: The most important thing is to use the Overflow:hidden does not add this will not effectively add Overflow:hidden it is not automatically hidden in the
Tip: You can modify some of the code before running
two column width adaptive Floats to the right, margin-left,ie6,7 down to a certain extent to the right, and there is a IE6 3px bug Right Test child elements can use width:100
Tip: You can modify some of the code before running
css Create colorful text links css Create colorful text links &l t;/td> one, primary link style 1, general links 2, no underline link 3, double underline link
1. Icon and text alignment
General icon and text alignment HTML code:
Front-End development blog
Delete front-end Development blog
Zxx CSS Code:
p{line-height:20px; font-size:14px;}. Icon {Display:inline-block;width:20px;
Objective
Inline-block, we usually use a lot of the most common use is a few div in a row to display, we use Display:inline-block. The reason for writing this article today is to write a few of the more peculiar usages of inline-block.
Implement
There is a magical problem when designing the page, which is the HTML code
At this point I set the homecategory of the child container:
. homecategory{margin-top:30px;}Found margin relative to the parent container wrong, find body went, became
Tip: you can modify some code before running Simple TAB switching with pure CSS News Comment Technology Comments News list Comment list Technology List Comment list News Comment Technology Comments News list
Tip: you can modify some code before running Always float at the bottom of the page to be perfectly compatible with IE6 fixeIe6 won't change either.Ie6 won't change either.Ie6 won't change either.Ie6 won't change either.Ie6 won't change either.Ie6
Div css tutorial javascript tutorial browser compatibility manualNot necessarily all, and some may be inaccurate. For example, the new IE8 and Chrome are not involved much. Although some recently developed projects are compatible with IE8 and Chrome,
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