This unit mainly requires the use of CSS style to beautify the previous unit's homework in layout and typesetting, and effectively control the layout, font, color, background and other effects of the page. I divided the website into seven pages. I created a new style.css common style file in the root directory of the website file, and each HTML file introduces the style sheet through < link rel = "stylesheet" type = "text / CSS" a. When importing style files into each page, you should pay attention to the path. Since CSS files and each HTML file are at the same level, you don't need to consider the level when importing them here. You can import them directly. When dealing with style control for each HTML page, I specially set a specific class name for each page, and the common style sheet processes the elements of the page through a specific class name. For example, homepage.html sets a specific class name for the main DOM element as homepagemain. At this time, the style sheet controls the elements in the. Homepagemain hierarchy. It sets different class names for different page main bodies, and controls the corresponding element styles through the specific class name, which can effectively achieve the effect of sample processing without repetition or coverage, This is also the place where I think I have considered more carefully in this assignment. Specifically, styles in CSS style sheets form a hierarchy, and more specific styles cover common styles. The priority of style rules is determined by CSS according to this hierarchy, so as to achieve the cascading effect.

In this assignment, due to the element level problem, the CSS style sheet does not correctly introduce the HTML file, resulting in the style can not be displayed normally. Later, after troubleshooting, the problem was finally fixed for the path. If I have to do it again, when defining HTML elements, I should reasonably consider the layout and typesetting of the page, which is more conducive to the development of CSS in the future

This is my website: http://student.athabascau.ca/~jiayingzh/directory_unit3/Homepage.html