Maison > Article > interface Web > Comment séparer le HTML du CSS
Comment séparer le HTML du CSS
- (*-*)浩original
- 2019-05-28 15:26:088914parcourir
La séparation complète du code html et du code CSS consiste à utiliser une feuille de style CSS externe pour définir le style. Cela peut découpler la mise en page et la séparation des styles, rendre les pages très complexes claires et faciliter les révisions et la maintenance futures.
Matériaux des outils : éditeur, navigateur
Mettez le code HTML et le code CSS dans des fichiers différents, puis référencez uniquement le fichier CSS dans le HTML, uniquement Le code de structure HTML est utilisé dans le fichier HTML, et le style css est uniquement dans le fichier css Un exemple simple est le suivant :
<!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>
Il ressort du fichier ci-dessus que le. Le fichier HTML n'a que du code HTML, css. La feuille de style est placée dans un fichier séparé dans le fichier css.css, ce qui réalise le découplage du code HTML et du code css.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!