In many cases, CSS layout is not a technical activity but a physical activity. The trick of rapid page reconstruction is mostly not skillful but the accumulation at ordinary times. Students who have not completed such accumulation can look at the
Original post address: http://www.zu14.cn/2008/12/13/web20_tool/
In the Web 2.0 era, CSS compression optimization, JS compression, and obfuscation are all common technologies.
HereOnline CSS optimization CompressionAndOnline JS File compression
I. Use CSS abbreviations
Using abbreviations can help reduce the size of your CSS file and make it easier to read. For the main rules of CSS abbreviations, see common CSS abbreviations syntax summary, which is not described here.
Ii. Define the
I saw it last night. Let's record it today.Sometimes we may want the internal link to display different styles from the external link.For example, I want to add a small icon next to the external link to indicate that it is an external link to tell
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
DIV is more difficult to control than traditional tables.
Here is a common three-column layout.
Header
Left
Content
Right
Footer
The CSS part is not very concise. You are welcome to comment and correct it, and
Common CSS naming rulesHeader: Header
Content: content/Container
End: footer
Navigation: nav
Sidebar: sidebar
Column: Column
Overall Layout width of the page peripheral control: wrapper
Left right center
Logon entry: loginbar
Logo:
The tab CSS contains the following classes, which are sequential from the External:
(1). Ajax _ tab_header: A container element that wraps all of the tabs at the top of the tabcontainer.
(2). Ajax _ tab_outer: an outer element of a tab, often used
Everyone is familiar with the indentation of the first line in CSS. It is nothing more than adding the following content on this page:
Or write it in the externally called CSS:
P {
Font-size: 14px;
Text-indent: 2em;
}
If none of the above
new document
1 Xiao Wang's shoes are big bad guys, Xiao Wang's shoes are big bad guys, and Xiao Wang's shoes are big bad guys; xiao Wang's kids shoes are big bad guys; 1 Xiao Wang's shoes are big bad guys, and Xiao Wang's shoes are big
This layout template comes from HTML. It, with a total of 40, covering various common layout formats such as fluid, fixed width, two columns, and three columns. The 40 templates use a completely consistent HTML structure (based on the same markup ),
Before starting today's content, let's take a brief look at keyframes, which is in the W3C draft.Animation Module. In keyframes, each set of animations can be assigned a name that allows you to flexibly define the animation to be executed by
1. center problemIn Div, ie is centered by default, and FF is left aligned by default.To center FF content, add the code margin: auto;
2. High ProblemsThere is a horizontal Div arrangement. The above Div sets the height. If the actual content in the
Source: Discussing CSS management and optimizationBishua Translator
More and more large websites are paying attention to and using CSS. It is clear that they have objections to managing multiple complex CSS files. The following is the first part of
Http://www.iqianduan.com/post/29.html
1. CSS style naming:
1. The general principle should be semantic-oriented to avoid structuring. For example, you can assign the ID righthandnav to a navigation bar, because you want it to appear on the right.
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