Front-end case contact

css animation
1. Two-sided flip case
2.3D navigation bar
3. Carousel

Pinyougo project development

.Modular development:
1. Divide a project according to functions, one function and one module, without affecting each other, repetitive use, and easy to replace
2. Some styles and structures will appear in many pages, such as the header and At the bottom, most pages will have these structures and styles as a separate module, and then reused
3. The most typical application is common.js, write a style, the rest of the pages use these same styles of the
website favicon icon

favicon.ico is generally used as an abbreviated website logo, which is displayed above the browser
head. It is introduced in the head of the html page in the page and needs to be placed in the first block.

 <link rel="shortcut icon" href="favicon.ico" />
 

SEO optimization In-
depth optimization of the website to help the website obtain free traffic. And then improve the ranking of the website on the search engine
title: irreplaceable, it is the first important tag of our inner page, it is the search engine to understand the entry of the webpage and the best judgment point for the attribution of the webpage theme
keywords:

Vertical line approach:

 .spacer {
    
    
    overflow: hidden;
    margin: 9px 15px 0;
    width: 1px;
    height: 10px;
    background-color: #ccc;
}

Or add a vertical line directly

In general, if a contains a box with a width, a needs to be converted to a block-level element.