11. When using ul to make lists, you can not only write li, but also use dt and dd, but you should pay attention to testing compatibility after use. I haven't concluded what the problem will be.
12. When adding styles to the title, try to use h1 h2 h3, etc.... to make the title tag. You can set it before the document
Copy the codeThe code is as follows:
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}
The reason is that search engines will pay more attention and attention to the text content surrounded by the h tag. And h itself is for the use of the title.
13. For the commonly used naming methods in css, see my attached documentation----common css naming.txt
14. When there are many levels. Try to use different tags to solve the problem, instead of giving each class or id. As an example:
Copy the codeThe code is as follows:
<div class="t1">
<div class="logo"><img src="/images/"></div>
<ul class="nav">
<li><a href="#"><img src="/images/"><br />Home</a></li>
<li><a href="#"><img src="/images/"><br />Website building guide</a></li>
<li><a href="#"><img src="/images/"><br />Online entrepreneurship</a></li>
</ul>
</div>
This can actually be simplified:
Copy the codeThe code is as follows:
<div class="t1">
<div><img src="/images/"></div>
<ul>
<li><a href="#"><img src="/images/"><br />Home</a></li>
<li><a href="#"><img src="/images/"><br />Website building guide</a></li>
<li><a href="#"><img src="/images/"><br />Online entrepreneurship</a></li>
</ul>
</div>
You can completely remove the two classes of the logo and nav
Then when defining the style
Copy the codeThe code is as follows:
.t1 div img{border:0px;margin:10px}
.t1 ul{list-style-type: none;width:80%;}
.t1 ul li{height:22px;line-height:22px;}
That's it.
Previous page123Next pageRead the full text