Experience using CSS_CSS/HTML

1. CSS management

I personally feel it is more important, and there seems to be relatively few people talking about this aspect online

If managed well, it will save a lot of time and trouble when calling and defining CSS

The following is some of my accumulation

The first is why you need to import or link CSS externally

Because a webpage has many pages, a lot of CSS is used (and some of the CSS is repeated). If each page is defined separately, the following is the management method. In the images folder under the index, The CSS folder is at the same level as it, making it easy to call and manage

When we start to make a website, most of us have a floor plan in PS, and at this time we can preliminarily clarify the same parts of CSS

For example, bottom, body text

Suppose there are three styles a, b, and c appearing on the homepage

and

will also appear in sub-pages

Then define a on the home page first, and then define b and c in a, then only a will appear in the CSS folder

But when the sub-page imports a, you can see a, b, c and then apply them in sequence

Then define multiple hyperlink styles in one page

a:link

a:visited

a:hover

b:link

b:visited

b:hover

Just replace the front one and it’s OK

But be careful not to use CSS, do not use numbers in names, such as 123, and do not use combinations of numbers and letters such as ss12

Because although using numbers is fine, in DW, they are displayed in the default way. Although the effect on the final web page is the same, it looks very messy in DW, so... ...It’s better to name it with pure letters

Three, about row height

The commonly used settings are pixels and %

But it’s best to use % to set it,

Because the pixels displayed in DW are slightly different from those on the online page

The % setting is the same as on the web page

You’ll know just by looking at the picture