'CSS Design Guide' Study Notes 1_html/css_WEB-ITnose

This article is about some study notes and experiences after reading Charles Wyke-Smit's "CSS Design Guide" these days. The author seems to have started contacting web design when he was a freshman. I am not a computer major, so I learned everything by myself. I remember that I basically didn’t know anything about CSS at the time, not even how to select a certain class and id in CSS, so I just downloaded some source code to look at it. , and later I saw that there were . and # in these CSS files, and then I learned how to use them without even guessing. Then when I saw something in the source code that I didn’t understand, I went directly to W3School to find the API. This gradually It allowed me to master the commonly used parts of CSS, and most of the problems when making web pages can be solved. Because my attitude was wavering during this period, I also wanted to learn PHP, Java, Android, etc. However, as you can imagine, the result was that I didn't stick to it. Now that my junior year is almost over and I am about to enter the stage of quasi-senior year, I feel that I can't do this. I have been thinking about a question some time ago, what do I like, and then I think about where I have spent the most time since college. The final result is... the front end. Although the front end involves a lot of knowledge, it does not Can't stop my passion for it. The first thing after deciding was to systematically consolidate my knowledge system, and then I had the study notes of this "CSS Design Guide". This book is also an introduction to CSS that is recommended by many people and has many positive reviews. Book. I have said so much nonsense but it is of no use. Let’s get to the point quickly. The following is mainly the author’s summary of certain chapters, not every chapter. It also contains some of the author’s personal views and some expansions on the content of the book. .

Since the article is relatively long, I will divide the article into multiple parts. The first part of this article

Chapter 1 HTML Markup and Document Structure
Since the object that CSS acts on is HTML, so the author mainly talks about the usage and structure of some basic HTML tags in this chapter.

1.2 HTML Document Analysis
In this section, the author mainly talks about the most basic document structure required for an HTML page as follows: