Home > Article > Web Front-end > How to separate html from css
The complete separation of html code and css code means using an external css style sheet to set the style. This can decouple the layout and style separation, make very complex pages clear, and facilitate future revisions and maintenance.
Tool materials: editor, browser
Put the HTML code and css code in different files, and then only reference the css file in the HTML , only HTML structure code is used in the HTML file, and css style is only in the css file. A simple example is as follows:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="css.css"> <title>Document</title> </head> <body> <ul class="list"> <li class="li_list"></li> <li class="li_list"></li> <li class="li_list"></li> <li class="li_list"></li> <li class="li_list"></li> </ul> </body> </html>
It can be seen from the above files that the HTML file only has HTML code, css The style sheet is placed in a separate file in the css.css file, which achieves the decoupling of HTML code and css code.
The above is the detailed content of How to separate html from css. For more information, please follow other related articles on the PHP Chinese website!