Shulou(Shulou.com)06/03 Report--

This article mainly introduces how to write HTML and CSS, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let the editor take you to understand it.

This article shares 6 of the most effective methods, hoping to provide your efficiency and save you time.

1. Dynamic CSS (dynamic CSS)

If you want to speed up your CSS coding, you need to learn and master dynamic CSS. Most dynamic CSS adds nested riles, variables, mixins, and selector inheritance functions, which improve code utilization.

2. HTML snippets (HTML fragment)

Using code snippets is a quick way to write HTML code. Zen Coding and HAML are recommended. First of all, it will make you speed up very quickly, and secondly, you can avoid some human errors, because all the code is tested and generated correctly.

3. CSS reset (CSS reset)

The advantage of CSS reset is that it avoids browser incompatibility. Recommended: Eric Meyer's CSS reset and YUI.

4. CSS Grid layout (grid layout)

Many developers do not use CSS grid layout. The concept of grid layout comes from traditional printing and publishing. On web, grid layout is very important in magazine type templates / websites. This method has been proved by a large number of developers to be an effective way to improve the speed of product design.

CSS grid layout has good cross-platform support and other features. Here are some related resources:

Which CSS Grid Framework should you use for web design 960 Grid Layout YUI Grid layout Blue Print Grid layout 5. HTML/CSS Editor

You need a good code editor, in addition to notepad, there are many, each with its own characteristics. For example, coda's ftp engine is very stable. Of course, you can also log in to the open source Chinese community to retrieve more open source code editors.

Notepad++ (windows, free) Aptana (all platforms, free) Bluefish (all platform, free) Coda (mac, $99) Textmate (mac, $57) 6. Other online tools

Here are some tools that can help you save a little time.

Backfire: saves the CSS changes of firebug. Live.js: update CSS. CSS Auto Reload: same as Live.js, but the overload time can be set. Yahoo Grid Builder: YUI grid creation. Markup Generator: generates CSS tags based on HTML code. Coda Clip: Coda fragment.

If you are just learning HTML and CSS, it is recommended to write the code solidly. If you already have a solid foundation, try the above approach.

Thank you for reading this article carefully. I hope the article "how to write HTML and CSS" shared by the editor will be helpful to you. At the same time, I also hope you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.