the CSS web page layout ID and class naming may be a headache for everyone. To satisfy your thirst for knowledge, I would like to introduce the CSS web page layout method. 1. Use class_name to write the class name. I used to like writing with
1. The highest weight is directly added after the element! Important.
2. Source weight:
Reader's important statement :! Important
Important statement of the Creator :! Important
Normal statement of the Creator
Reader's normal statement
8. Fixed footer
Adding a fixed footer to a webpage is actually very simple and practical. The footer of some websites is beautifully designed to present a perfect ending to the website.
# Footer {Position: fixed;Left: 0px;Bottom: 0px;Height:
1. Do not use a small image for background tile. This is why many people do not need 1px. Images with a width of 1 px and a height of 200 PX are tiled out, which requires 200*40,000 = times to occupy resources.
2. No border. The recommended method
Objective of CSS SpritesBy integrating images, you can reduce the number of requests to the server to speed up page loading.
Implementation Method:
First, integrate the small image into a large image.
Then, locate the background based on the
10 CSS rules that you do not know
Body:
Published December 6th, 2004 in cssstaff tags: no tags.
Original article address: Ten CSS tricks you may not know
Translated by kelet: I think many of these 10 articles are very useful. some
One of the advantages of CSS is that it can reduce the page size and shorten the download time, not only the loading of the homepage, but also after the style sheet is cached, the loading of subsequent pages is also accelerated. This is true, but
CSS Basics
Reference Method:
Basic statement structure:Selector {attribute 1: attribute value 1; Attribute 2: attribute value 2}
Selector:It can be any identifier in HTML, such as TR, TD, P, Div, IMG, or even body.
Optional. The content in
After the float attribute is set in Div + CSS, how can I make the height of the outer layer automatically adjust with the height of the inner layer?
Overflow: the CSS style "hidden" is a common CSS style. However, most people only have a limited
Write in page_load of the sub-pageMethod 1:
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->Htmllink csslink = new htmllink ();
Csslink. Attributes. Add ("rel", "stylesheet ");
Csslink. Attributes.
Effect:
Main: I am the DIV with the package outside.
Col1 I'm the first column col2 I'm the second column clear-float; I used to clear float (clear float)
The following is a description:
CSS code:. Main {width: 800px;/* total width */Background: red
Learn web standards over the past few months and follow the standards to design and create web pages. I have always wanted to write something and try to understand my experiences. This article is mainly intended for Chinese typographical design. It
After a simple horizontal, vertical, and secondary menu, start the "Sliding Door" tour.
(I borrowed an image from Alibaba Cloud website)
The idea is to use unordered list ul for implementation.
new document AAA AAA
Navigation plays an important role in websites. In the table era, menus are displayed side by side using several TD files.Now, we can use semantic tags, such as Li.Menu 1:
new document link link link
1. Put stylesheets at the top (put CSS at the top of the code page)
CSS is placed at the top, and the browser can parse and render HTML pages from top to bottom.
Ii. Avoid CSS expressions (avoid CSS expressions)
I personally think that things
1. Check whether the HTML element has a spelling error and whether it has forgotten the ending mark.
Even veterans often mistake the DIV nesting relationship. You can use the Dreamweaver verification function to check whether there are any
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