We still need to remember some classic CSS techniques, which can save us a lot of time. Below, I will recommend a few better CSS techniques for you:

1. Use the same navigation code on different pages

Many web pages have navigation menus. When entering a certain page, the corresponding item on the menu should turn gray, while other pages should light up. . Generally, to achieve this effect, you need to write a program or design specifically for each page. Now you can achieve this effect with CSS.

First, use the CSS class in the navigation code:

<ul> 
<li><a href="#" class="home">首页</a></li> 
<li><a href="#" class="about">关于我们</a></li> 
<li><a href="#" class="contact">联系我们</a></li> 
</ul>

Then specify the Body for each page separately An id with the same name as the above class. Such as .

Then design the CSS as follows:

#home .home, #about .about, #contact .contact 
{ 
commands for highlighted navigation go here 
}

2. Comparison of Block and inline elements

,

,

,

,

and
• are block elements example of. On the contrary, the characteristics of the inline element are:
  and other elements are on the same line;
  height, line height and top and bottom margins cannot be changed;
  width is The width of its text or image cannot be changed.
  , , , , , and are examples of inline elements.
  Use code class="inline">display: inline or display: block command to change this feature of an element. When do you need to change this attribute?
  Let an inline element start on a new line;
  Keep the block element and other elements on one line;
  Control the width of the inline element (especially useful for navigation bars);
  Control the height of the inline element;
  You can set a background color with the same width as the text for a block element without setting the width.
  For more articles related to CSS techniques, please pay attention to the PHP Chinese website!