Getting started: How to learn CSS styles for Web page technology

css| Web page

From the beginning to know CSS (DW4), I knew the strong CSS, but never used CSS layout, because I have tried to learn, but it is too difficult

And with the DW table, see and get, do the page is very fast, typesetting is also much easier, due to the recent job search, many companies have asked Div,css, so I try to learn again

1. Learning Style

I think that looking at someone else's code is a very good way to learn (if you need some basic knowledge), you can get rid of some repetitive, or CSS-independent, code when viewing other people's code, which will be more beneficial to our analysis, and you can learn more about what others are doing, a little deeper, You can think about why you're doing this, and of course they're not necessarily all right.

2. Practice Mode

In the understanding of some basic layout methods, and some of the properties of the container, you can try yourself, write some simple layout, encounter problems, you can search in Google, or like the ideal forum and some other discussion of the standardization of the Forum to ask, there will be a lot of kind-hearted people's OH

3. A Handbook

You can find this manual for your reference when you encounter a problem or if you are not familiar with a property, or if you are not sure about the compatibility of attributes.

4. Write more and practise more

When you find yourself writing a few more layouts, or having some problems and solving them, you have mastered the basics of the layout.

Second, how to study standardization

1. Several books

"Website Refactoring" set off the first related works of domestic web Standard upsurge. The theoretical nature is more, the whole book involves very few specific operation and code parts. Beginners ' first reading is likely to feel no practical use. Suggestions in the reading of "CSS Web site Layout" has a certain technical basis for the study, to reflect on their previous learning and design process problems, so as to effectively improve.

"Style sheet Chinese manual" the necessary tools, I usually on the desktop at any time to query. Detailed usage instructions and examples are provided.

"CSS Web site layout" is a relatively new standardized book. Show you how to write compliant XHTML and CSS code, and show you some common layout and page effects code. This book is very suitable for beginners, basically for the example of the layout, the effect of the actual operation, a more systematic talk about how to make standardized Web site. This book is only about concrete implementation, the concept of standardization, the goal of Web site reconstruction These guiding the actual operation of the concept of things almost no. Can study this book after reading "website refactoring", the combination of the two learning effect is good. The current version may be due to time problems, proofreading is very hasty, there are a lot of typos and problematic sentences do not, but involved in the code to find no errors.

The CSS authoritative guide details the rules and definitions of each of the CSS1.0 attributes, and looks at the many tempting things CSS2.0. is of great significance to the implementation of web standardization. Through the study of this book can understand the browser how to resolve the rules and definitions of attributes, for the accurate realization of design intent to provide protection.

"HTML and XHTML authoritative guide" should be an authoritative reference book, there is no need to read through, can be used in the actual design of the production process. Describes the use of HTML and XHTML rule definitions in detail.

As the main technique of the behavioral layer, the JavaScript Authority Guide does not learn the Web standards in its entirety without learning JavaScript.

2. How to learn?

1, reading and writing

Read the posts, websites and blogs I recommended above. The purpose of the Internet is to share and disseminate, those who touch the early understanding and practice of more in-depth friends to provide us with experience and tutorials. To calm down, you can't find the answer just for an effect or a layout implementation. But to understand the tutorial to bring us the realization of ideas. In order to study systematically, we should collect some problems to summarize the extraction. Read the time to write, write some code snippets, some layout structure, some effect of the implementation. Even if the book to knock out the code to deepen memory and understanding, the effect is much better than simply through the effect.

2. Change

Change, not plagiarism. Save someone else's site, change some of the content, and see what changes the page shows, in these changes to understand how you changed some of the code to achieve the effect of the page. This is a very important way of learning. The change in the effect you see comes from your changes, which in itself is a process of deepening memory and understanding. Another way is to simplify the complex page, simple to demonstrate the effect of the main, the code less seems clear to facilitate learning. Or the simple layout filled with content to see how the page shows, will affect the layout, adaptive or fixed size, beyond the fixed size of the content hidden or flow to the structure? Are there any bugs? The frog never catches a dragonfly standing there in peace and quiet, only the Dragonfly flies up the frog can judge to prey.

3. Sleep

Thinking before going to bed. Outside the monitor to think about what to learn before, there must be a certain distance and space height to think about, such as the layout today is not reasonable, there is no need to be so complex, if the float changed to absolute positioning it. Wait, like a graphic design, sometimes the chair back, slightly away from the screen, the details of the previous processing can have a new understanding.

4. Collection

Good memory is not as bad as writing, always to post questions is not a way. Gather the useful tutorials that you see and sort them out, such as layout code, navigation effects, browser-compatible hack, and so on. Set up your own document library, a long time to organize, if the appropriate conditions do not forget to share with friends.

5. Practice

To make a complete website/Web project, it may not be complicated or large. But at least have a complete page, as far as possible with familiar technology to achieve. Test yourself and find problems to keep yourself motivated to learn.