<!DOCTYPE html>
<html>
<head>
<title>小米商城</title>
<meta charset="utf-8">
; lien rel="stylesheet" type="text/css" href="static/css/mi.css">
<link rel="stylesheet" type="text/css" href="static/font- génial/css/font-awesome.min.css">
<link rel="icône de raccourci" type="image/x-icon" href="static/img/footlogo.png">
< ;/head>
<body>
<div class="box">
<div class="header"></div>
<div class="content_top"> ;
<div class="content">
<div class="content_menu"></div>
<div class="content_pic"></div>
< ;div class="content_shop_1">
<div class="content_shop_1"></div>
<classe div= "content_shop_3"></div>
<div class="content_shop_4"></div>
</div>
</div>
</div>
<div class="content_bottom"></div>
<div class="footer_top"></div>
<div class="footer_bottom"></div>
</div>
& lt; / body & gt;
& lt; / html & gt;
css: :
* {margin: 0px; padding: 0px;}
a {text-decoration: aucun ;}
.header{width:100%;height: 40px;background:#333;}
.content_top{width: 100%; margin-bottom : 10px;}
.content_bottom{width: 100%;height:500px;background: #ccc;}
.footer_top{width: 100%;height: 100px;}
.footer_bottom{width: 100 %;hauteur:100px;arrière-plan : #ccc;}
.content{largeur : 1226px;marge : 0px auto;}
.content_menu{largeur:1226px;hauteur : 90px;arrière-plan : rose;marge : 10px auto;}
.content_pic{largeur:1226px;hauteur: 460px;arrière-plan: url(../img/mi.jpg);}
.content_shop{largeur: 1226px;hauteur:170;}
.content_shop_1{largeur:200px ;hauteur : 170;arrière-plan : #ccc;float:gauche;marge-droite : 10px;}
.content_shop_2{largeur:316px;hauteur : 170;arrière-plan : #ccc;float:gauche;marge-droite : 10px;}
.content_shop_3{largeur:316px;hauteur: 170;arrière-plan: #ccc;float:gauche;marge-droite: 10px;}
.content_shop_4{largeur:316px;hauteur: 170;arrière-plan: #ccc;}
Lorsque vous écrivez des styles en ligne en HTML, ne devriez-vous pas inclure une balise <style> . .