user agent stylesheet 解决方法

Posted 2020-09-21 wzzkaifa

写了一个写了一个页面字体一直是加粗。原来是

strong,b{

user agent stylesheet

font-weight:bold;

}

引起的

解决方法：又一次定义 strong,b{

font-weight:normal

}

然后字体就正常了，

这是由于

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;
}