【div css】Learn div css in ten days---Day 1_html/css_WEB-ITnose

When I learned the front-end div css before, I couldn’t use it properly. However, I recently saw the "Learn div css in ten days" series of tutorials from my classmates, and I felt very good about it. Today I will share it with gardeners who are new to layout. I hope you can get started quickly. It is also a good learning tutorial for gardeners who have just started. It can be used as a reference for those who have strong programming skills but insufficient art skills. In short, it is relatively basic and practical...

[Transfer] Note: The original text comes from http://www.aa25.cn/

Learn DIV CSS in Ten Days (WEB Standard) "Learn DIV CSS in Ten Days (Web Standard)" is a series of tutorials produced by Standard Road, which is completed in ten tutorials.

To learn this series of tutorials, you need to have a certain basic knowledge of HTML and CSS, which means you have made web pages before and know how to use table layout. If you have just started learning web page production and don't know what table layout, html and css are, it is recommended that you recharge your batteries first, otherwise you will have a hard time learning this tutorial or you will not understand it at all.

Due to time constraints, this tutorial only explains some practical knowledge, allowing you to move from the original table layout to the web standard (div css) layout, and use web standards to create common pages, which also achieves Purpose of this tutorial.

This tutorial is mostly explained step by step in the form of examples. The key points or difficulties involved in the examples will be explained, and less concepts will be explained. Because concepts are difficult to explain clearly, or even if you explain them clearly, you may not be able to understand them, and even if you understand them, you may not be able to understand them. So I leave the concept to you to study in depth later.

(Note: Since the chm format does not support the function of running code, if you need to check the effect of running the code, please go to the Standard Road website to view the corresponding tutorial)

This tutorial includes the following chapters:

Day 1 XHTML CSS Basics

Day 2 One Column Layout

Day 3 Two and Three Column Layout

Day 4 Vertical Navigation Menu And secondary pop-up menu

Fifth day hyperlink pseudo-class

Sixth day html list

Seventh day horizontal navigation menu

Eighth day Pull multi-level pop-up menu

The ninth day CSS form design

The tenth day div css web page standard layout example tutorial (1)

The tenth day div css web page standard Layout example tutorial (2)

Day 10 div css web page standard layout example tutorial (3)

Copyright 2007-2010 Inc. aa25.cn All rights reserved.
Article source: The Road to Standards (http://www.aa25.cn)