Defining IDs in XHTML, Classs are all used, mainly the aspect CSS defines the style to be able to wear at a glance. So, CSS naming is for reference only.
(1) Page structure class
Container: Container
Page Header: Header
Content:
CSS does not have an argument on the layout of the text that is aligned to the bottom of the container. A good way to use it is also better. is to use the Position property to solve, look at the following code, with the position of the relative and
In the case of no more than one screen, when the browser window is smaller, the footer text will float upward but remain at the bottom. webjx.com
When the content is more than one screen, he displayed at the bottom of the page, not the bottom of
When we layout a Web page, we often encounter such a situation, that is the end of the page to shape the width or height will exceed our prior calculation, in fact, is the so-called CSS box model caused.
#test
An area on a Web page, when the mouse moved to change the style, the mouse out of the automatic recovery style, can be a picture of the border, can also be a paragraph of text color, master the principle, seemingly can do more rich and vivid
form elements perfectly vertically centered radio boxes and check boxes are small in size and are not easily clicked. Cause a lot of user's trouble, the user experience is not See "A cool" perfect solution: Perfect Vertical Center,
White-space: Property sets how to handle whitespace (whitespace, newline, and tab characters) within an element.
Normal defaults. Whitespace will be ignored by the browser.
The pre blank is reserved by the browser. It behaves like an HTML
Label.
Resolve CSS Browser compatibility issues, multi-year map work summary:
* * The default value of the outside margin margin, padding padding under each browser * *
Wrapping lines for plain text paragraphs
Case Description: In practical applications we often encounter such a problem, is a paragraph of text, with a clear width, the need for text to automatically wrap. (pictured below)
Case study:
So a little research, under this record:
Of course, to achieve transparency, many generally use three ways:
1, direct use of transparent pictures, this is really more direct, but often need to make pictures, personally think, maintainability is
CSS resolves the effect of overriding the transparency of the parent element
CSS-compatible browser transparency notation1.{opacity:0.3;filter:alpha (opacity=30);}CSS is not compatible with coverage transparencyIf the parent element has
The implementation of the background color of the mouse has a lot of methods, today we are introducing the method to implement with Css+div.
Method One
#div: Hover{background: #000000;}
Explanation: Background discoloration When the mouse passes
The role of 80px and 0 is to tell you where the picture is. By default, if you do not set the following number, the picture is placed on the top left of the page, where the following figure
An offset in the upper-left corner (0,0)
The first
First, check the HTML element for spelling errors, forget the end tag
Even the veteran also often mistook the nested relationship of Div. You can use the Dreamweaver verification function to check for errors.
Second, check the CSS is correct
If you are a webmaster, you must want to enhance their website portability, and code simple, clean, now all the sites, 80% are using DIV+CSS to frame.
Perhaps everyone will write, or use CSS, but many times we may not consider, resulting in code
CSS does not have an argument on the layout of the text that is aligned to the bottom of the container. A good way to use it is also better. is to use the Position property to solve, look at the following code, with the position of the relative and
such as a container (Body,div,span) set a background. The height-to-width value of this background cannot be modified until css2.1.
So the actual result is only repeated display, so there are repeat,repeat-x,repeat-y,no-repeat these properties. is
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.