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
To sum up the following five points, you can refer to it.1. Read/writeRead my recommended posts, websites, and blogs. The purpose of the Internet is to share and spread, and those who have a deep understanding and practice of the technology will
What are standards? You can understand it slowly.The core of the standard is the separation of content, performance, and behavior. This is a consensus.CSS is one of the most important standards.HTML eventually develops towards XML, so there should
I have read an article about the explanation of the IE version, and I can understand it. I 'd like to write it down. it is hard for me to understand that "CC" is short for "Conditional Comment? Please let me know. Thank you.The explain statement is
Advanced Learning: Combination and nesting of CSS selector in webpage styleCombinationYou do not have to repeat multiple delimiters with the same attributes. You only need to use commas (,) to separate the delimiters.For example, you have the
The methods for hiding input are different in the browser. We do not want it to change its inline attributes when using it on a webpage. The following is an independent analysis:First, write a public style: The code is as follows:Copy code Input
There are many advantages to using the XHTML + CSS architecture, but there are also some problems. Whether it is because I am not skilled or have unclear ideas, I will first write down some of my problems below, you can find it in other provinces.1.
Sometimes we may want internal links to display different styles, such as external links. I want to add a small icon next to the link to indicate that it is an external link and tell the visitors to confirm whether the link is opened in a new window
As many people write document structures and CSS in the project, and work with programmers, the name of the class and id needs to be unified. It took some time the day before yesterday to follow the habits of most people, the following common
We should develop good coding habits. The overall CSS layout declaration provides a way to simplify our code and improve the running efficiency. Let's list common forms and add explanations. The purpose of the overall layout declaration is to make a
■ Inheritance and layer stackCSS rules affect the display form of an element. If no style match exists or multiple style rules match the element at the same time, which rule does the display form follow? This section describes how to inherit and
Style selectorProperty selector p {color: red ;}Class selector. p {color: red ;}ID selector # p {color: red ;}II. transparentBackground: transparent; prevent definition Background from being overwritten3. Transparent background understanding of
I haven't written something seriously for a long time. Recently, some people have asked me some questions about DIV + CSS layout. In fact, it is still caused by lack of entry-level layout. So the next article will help you get started...There are
/* Mozilla.org Base Styles* Maintained by fantasai* (Classes defined in the Markup Guide-http://mozilla.org/contribute/writing/markup)*//* Suggested order:// Display attributes* Display* List-style* Position* Float* Clear// Attributes* Width* Height*
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