フロントエンドcssはuser agent stylesheetの影響を受ける
1070 ワード
テストの时、自分が書いたcssが役に立たないことに気づいて、bodyは8 pxのmarginがどこから来たのか分からないで、それからbodyのそばにuser agent stylesheetがあることを発見しました.ブラウザのデフォルトスタイルが私のcssに影響を与えたため、私のhtmlをレンダリングしました.
コードを書くときはフロントページを初期化します
コードを書くときはフロントページを初期化します
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table{
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
}
@charset "utf-8";
*{
margin: 0px;
padding: 0px;
}
a{
text-decoration: none;
color: #000000;
font-size:15px;
/* */
}
li{
list-style: none;
}
input,img{
border: none;
}