Javascript & CSS/CSS

Source: Internet
Author: User
ArticleDirectory
    • I. Importance of Reset CSS
    • Ii. Font importance
    • Iii. Connection
    • 4. Do not use @ import in CSS
    • 5. Do not use CSS expressions
    • 6. Avoid using filter
    • VII. Bug & hack
    • 8. Fully Understand floating
    • 9. Learning Resources
I. Importance of Reset CSS front-end developers are often confused by differences in the default browser style, so reset CSS appears, and the popular * {margin: 0; padding: 0 ;} too lethal to meet requirements. Currently, there are four common reset CSS: 1. Yui CSS reset. 2. Eric Meyer's reset CSS. 3. shawphy CSS reset. 4. Kissy CSS reset. For the reset CSS, it is wise to select one suitable for you and use it after modification. Related Articles: reset CSS Research (gossip) reset CSS Research (technical) Dawn CSS reset 2. Important Words of fonts are still the main information carriers in the web, therefore, the form of text is very important. The following are common font settings: Font: 12px/1.5 Arial, "\ 5b8b \ 4f53", sans-serif; 1. Px: Most browsers now support full page zoom, so you can discard em. 2. 1.5 instead of 150%: The Row Height is 1.5 times better for reading. 1.5 is not used because the 150% format is a "zoom factor" of the row height, which can avoid text serial. 3. font set: many people like to use tahoma. tohama is the default font of the English Windows operating system. It displays a good mix of Chinese and English characters. However, the gap between tohama and Arial in small fonts is not big, and tahoma 13 Px in IE6 is displayed as 14px. 4." \ 5b8b \ 4f53": This is""To prevent Chinese garbled characters. Similarly, the Unicode code of "" is"\ 5fae \ 8f6f \ 96c5 \ 9ed1". Related Articles: not adding a unit to line-height should become a habit of default font in Webpage Design It is time to talk about the font application in web design (1-4) font set based on the design of the font size (EM ). 3. Linking HTML languages is called hypertext markup language, which is closely related to hyperlinks. Excellent <A> increases the user's stay time. 1. The font color of Hyperlink must be significantly different from that of plain text. 2. Specify the title attribute as much as possible. Sometimes, because the connected text is too long, it is very friendly to show the complete link text in the title. 3. By default, connections are not underlined. There is a better article on connection processing: connection. What should I do? 4. Do not use @ import or <link> in CSS as two common methods to introduce CSS files. However, there are differences between the two methods. The specific reasons are as follows: 1. Using @ import increases the overall page loading time. 2. Using @ import in IE changes the file loading sequence. This may increase the loading time of CSS files and impede page rendering. Related Articles: http://www.stevesouders.com/blog/2009/04/09/dont-use-import/ Chinese Translation 5. Do not use CSS Expressions 1. CSS expressions are only supported by IE. 2. Expressions are frequently computed, so they occupy a lot of memory. Related Articles: Avoid CSS expressions 6. Avoid using filter

In IE, filter is used to change the transparency of elements. The memory occupied by the browser increases by about 5 MB. To avoid this problem, we recommend that you use transparent images instead.

Of course, if you want to use JavaScript to write an animation, this problem cannot be avoided. VII. Bug & hack

For the front-end, hack is an attitude! Never hate bugs. Learning and studying bugs is not to apply bugs, but to avoid bugs.

8. fully understand that there are three floating streams in CSS: Common Document streams, floating streams, and positioning streams. (Position, name ^ O ^ ), These three streams control the layout of the entire page. Some trivial notes on floating: CSS-float.doc 9. Domestic Resources for Learning Resources: 1. Qin Ge: dancing with the Internet 2. YU Bo: years like song 3. Mingcheng 4. Circle Center: yunfei's blog 5. Interactive Design of stinking fish 6. Blue ideal 7. There are also many excellent blogs in the garden .......... foreign Resources: 1. Eric MEYER: internationally recognized experts in HTML, CSS, and web standards. 2, css-discuss.org: A good CSS Mail List site. 3. position is everything: a website that specializes in CSS layout compatibility and bug issues. 4. Estelle Weyl: a front-end engineer, CSS attribute support list, and CSS selector list.
Related Article

Contact Us

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

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.