大家知道html標簽學習嗎?下面我們就給大家詳細介紹一下吧!
<!doctype html>
<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
<!--[if lt IE 9]>
<script src=”html5.js”></script>
<![endif]-->
<style>
*{margin :0;padding:0; }
html{overflow-y:scroll;}
body {text-align: center;color:#000;font: 12px/24px "宋體",Arial,Verdana, Geneva, Helvetica, sans-serif;}
body,div,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,td,img{margin:0;padding:0;border:0;}
ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table { border-collapse:collapse; border-spacing:0; }
button{ cursor:pointer;}
a,a:visited,a:hover,a:active {text-decoration:none;}
div {margin:0 auto;}
.l {float:left; }
.r{float:right;}
.cl {clear:both;}
.clearfix:before,
.clearfix:after {
content:"";
display:table;
}
.clearfix:after {
clear:both;
overflow:hidden;
}
.clearfix {
zoom:1; /* IE < 8 */
}
.tl {text-align: left;}
.tc {text-align: center;}
.tr {text-align:right;}
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.fs20 {font-size: 20px;}
.fs26 {font-size: 26px;}
.ffyh{font-family:'微軟雅黑','黑體','宋體';}
.ffss{font-family: "SimSun";}
.ffar{font-family: Arial;}
.lh14 {line-height: 14px;}
.lh16 {line-height: 16px;}
.lh18 {line-height: 18px;}
.lh20 {line-height: 20px;}
.lh22 {line-height: 22px;}
.lh24 {line-height: 24px;}
.oh{overflow: hidden;}
.ho{height: auto;}
.dblock{display: block;}
.dnone{display: none;}
.pt20{padding-top:20px}
header {width:100%;height:200px;background:#FFCC33;}
footer {width:100%;height:200px;background:#CCCC66;}
header,footer{margin:20px 0px;}
#container {width:100%;height:500px;background:#000000;}
.container-1{float:left;width:70%;background:#CC6600;}
.container-2{float:left;width:30%;background:#00CC00;}
.container-1,.container-2{margin:20px 0px;height:200px;}
/**/
</style>
<body>
<header>
頭部header
</header>
<section id="container ">
<section class="clearfix">
<article class="container-1 ">
這裡是article
</article>
<aside class="container-2">
側邊欄
</aside>
</section>
</section>
<footer>
這裡底部
</footer>
</body>
</html>
相信大家已經學會html標簽學習了吧!感謝大家對我們網站的支持!
相關推薦:
簡單的html標簽教程