I have a basic knowledge of web design, and I don t know where to start if I want to learn DIV CSS

Practice is the truth that tests everything.

In the current new wave of Web 2 0, everything is based on web standards. This book is a good example of how to design and refactor layouts based on Web standards

This book is based on examples, and tells you step-by-step how to start a new, web standard CSS layout design. Since CSS layout design is fundamentally different from the traditional ** layout, this book focuses on how to change the way of thinking and practical operation.

The book is divided into 10 chapters, the content of which is Web standards and CSS layout, CSS elements, CSS layout and layout, XHTML and CSS verification, browser parsing and CSS compatibility, CSS visual development examples, etc., the examples are practical and thorough

The author of this book is the first domestic implementer of the first large-scale domestic ** (Flash Empire) to adopt web standards, and is the earliest participant in domestic web standards.

This book is rich in content, focusing on thinking methods and practical applications, suitable for beginner and intermediate web design enthusiasts and professional web designers who want to use web standards to reconstruct the original web page, and is an indispensable information in the hands of any ** development related personnel.

Features of this book: At present, the tide of web standards has swept the domestic design field, and many designers have begun to learn and apply web standards. With examples, we will show you how to start a new, web standards-compliant CSS layout design step by step.

The focus is on how to change the mindset and how to actually do it. Strive to work with you in the simplest way to carry out all aspects of web design, with CSS layout as the main content of the book, CSS layout introductory knowledge and advanced skills, etc., from layout layout to detail design to browser compatibility, gradually learn and master CSS layout. I hope to help readers change the traditional design thinking and enter the field of web design based on web standards

The so-called div + css is a layer plus style sheet,The table you used before was a single layer,White point is equivalent to a plane,div is equivalent to 3D,Of course, this is just a metaphor,If you want to learn,Just go to understand div and css,It's useless to just read books,Go and see what others have done**,And then do it yourself to modify people's ** into the effect you want,You can basically master it

Making web pages is all from copying to modifying to designing by yourself.

I will tell you responsibly that HTML5 is the mainstream development direction and trend in the future, which is absolutely no problem, but now the current situation in the domestic web field is Windows XP and IE6 in the majority, which is very Chinese characteristics. Because of this situation, you learn HTML5 and can not be applied to practical use, because most of the domestic Internet users use XP and IE6 are not compatible with HTML5, unless you develop a ** separate HTML5 version, and then develop a separate version for IE6 and other users, but as far as I know, this ** has not been encountered, and most of the current domestic ** development still needs to take into account IE6.

Truth be told, IE6 is the most hated by web designers, and you should know it best. When IE6 will be completely abandoned by users, and when will China see the dawn of HTML5.

Back to the topic, if you are proficient in div + css, then there is no difficulty in learning html5, they are all the same brothers, they are all things with html genes, unlike html and c language, which are worlds apart.

This course is actually quite easy to learn My girlfriend is learning this now Go to the Internet to search for itxsk training center in Wuhan is quite famous They have an advanced curriculum system in China It is definitely the best choice to improve yourself All student files will be kept in the school talent pool, and internships in well-known companies are no longer a dream.

It's not difficult, not to mention that you're still a teacher, just get familiar with it. However, it seems that H5 has not been widely promoted yet, and users who use old browsers (which do not support H5) still account for the majority, and H5 will mature in the future.

It's not difficult, it's just that the standards are different, learn the standards, and you'll be able to write, and the general things won't change. Believe that you can learn well.

Without much difficulty, HTML5 has some innovations and improvements based on HTML.

Understand div+css, and then learn html5 is not difficult html5 is the core language of the world wide web, an application of hypertext markup language (html) under the fifth major modification of the product, there is the previous html + css learning foundation, and then learning html5 will be easier to get started.

HTML5 adds a lot of new elements and features, such as: graphic drawing, multi-content, better page structure, better form handling, and several API drag-and-drop elements, positioning, including web application caching, storage, web workers, etc.

Take a screenshot of an HTML5 technical overview].

Recommending div+css is not in conflict with abusing divs.

You first have to understand what it means to abuse div:

Abuse is due to the fact that many people do not learn well or do not use their brains.

After reading the tutorial and the book, I can't turn my head when I move things from the book.

The quality of the current books and tutorials is also poor, and they are also cobbled together, which misleads many people.

Examples of abuse:

Make a search form or navigation bar, according to the design effect, you can directly use CSS on the form of this form or the ul of navigation to achieve it, and the abuser wants to go to the outside of the form and add a div to cover the form.

The content area of the web page should be represented by various tags such as H and P according to the semantics and paragraphs as much as possible, and CSS should be used on these tags, while the abusers use div to contain these contents throughout the text.

In fact, abuse is nothing more than two main points:

Random nested divs or other markup, redundant tags written due to poor grasp of CSS and HTML.

There is no need for semantic tags, everything is included with div and span.

It is not wrong to use the recommendation, to avoid the above points, you must first be proficient in HTML and CSS;

Text paragraph 1 in the content area of the web page

Text paragraph 2 in the content area of the web page

And then I was in. user-zone, to write styles to control the indentation, width, font size, color and other things of p, h, a and other things under this div.

According to what I said above without abuse, it seems that CSS should be written directly on top of p to control its own style, and div is redundant and should be del away.

Text paragraph 1 in the content area of the web page

Text paragraph 2 in the content area of the web page

When you write a style directly on P, the customer doesn't type P into it, and it controls the fart.

At this time, add a div outside, although P's css is invalid, but at least you can control the text line height, links, font size, etc., so that the whole page is not too ugly.

Whether this seemingly redundant div is abused depends on how you understand it, the ghost knows what the customer will copy from word without clearing the word format tag, at least you still have half of the control over multiple divs.

In the past, it was all layouts, and although such layouts were easy to implement, they would also make the layout and style tightly combined, making it more difficult to maintain. Because, if you want to change the style of the page, you have to modify the structure of the HTML, which is a lot of work and prone to errors. Nowadays, the structure is complex, and many layers need to be nested when using tables, which will make people confused.

However, with div+css, the layout styles are completely separated. Using CSS is like manipulating a puppet with a thin wire. As long as your div layout is properly designed, most styling changes don't need to change the structure of the HTML.

You can easily swap the positions of two divs, but the layout is not.

Using div+css, it is easy to manipulate the DOM structure. Now the interaction is getting better and better, and a lot of js special effects are used. However, moving a ** cell will destroy the entire ** structure, not to mention any special effects.

Use ** when it's time to use it. Inherently ** data,If you use div,Of course, it's abuse.

Because div+css plays a great role in the layout and layout of **, it is mainly easy to include search engines. Of course, it's not good to go overboard, and excessive abuse of div will cause **unconcise, unfriendly to search engines, and affect the quality of **. Learning div+css mainly depends on persistence, reading more books on this subject, and referring to other people's examples.

The second is to go to some learning ** to see. Learning anything doesn't happen overnight, and I hope you succeed in the future.

1. Understand HTML and CSS first, and follow W3School (memorize different CSS styles and HTML as much as possible);

2. Try to do some common pages, such as login registration, **, etc.;

3. Begin to get used to using different browsers, get used to using review tools, and observe their differences (and understand compatibility issues at the same time);

4. Then try to imitate the layout of some pages, such as the layout of the WordPress personal blog, and the complex such as the portal page or the **product list page;

5. The next thing is practice makes perfect.

The above is for reference only, different people's learning styles and efficiency are different, you should choose the right one for you.

Learn Table first, then Table+CSS, and then have experience, after you have the experience of converting Div+CSS, you can learn Inline-Block and then learn HTML5 CSS3....