プロジェクトのフロントページを記述するために開始する前に、その後のプロジェクトの開発における共通のCSSスタイルの導入は、公共の開発に多くの時間を節約し、CSSコードが減少され、その結果、書き込みのスタイルを繰り返す必要はありません。
html * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body,
html {
height: 100%;
}
a {
text-decoration: none;
color: #000;
}
ul ol li {
list-style: none;
}
s,
i,
em {
font-style: normal;
text-decoration: none;
}
img {
border: none;
vertical-align: middle;
}
form,
fieldset,
legend,
input {
border: none;
outline: none;
}
.clearfix:before,
.clearfix:after {
content: "";
display: table;
clear: both;
}
/*隐藏*/
.hide {
display: none;
}
/*版心*/
.w {
width: 1190px;
margin: 0 auto;
}
.fl {
float: left;
}
.fr {
float: right;
}
.tl {
text-align: left;
}
.tc {
text-align: center;
}
.tr {
text-align: right;
}