【发布时间】：2018-10-31 04:10:20
【问题描述】：
我似乎无法移除 p 标签上的粗体效果。地址出现的地方，我希望它是正常情况。关于如何做的任何帮助。谢谢。该页面的链接是-http://www.penninetoolsaerospace.com/
还有如何让段落彼此靠近？
<html>
<head>
<title>Pennine Tools Aerospace LTD - Website Coming Soon</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Pennine Aerospace" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--css-->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--/css-->
<!--fonts-->
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<!--fonts-->
</head>
<body>
<div class="container1">
<!-----start-wrap----->
<!-----start-Content----->
<div class="content-header">
<img src="images/aerospace_logo.png" title="Pennine Tools Aerospace LTD Official Logo" alt="Pennine Tools Official Logo">
<p style="color:black; font-size: 28px;">New Website Coming Soon</p><p></p>
<p> </p>
<p> </p>
<p style="color:black;">For all queries please contact</p><br>
<p style="color: black;">Email: <a href="mailto:enquiries@penninetoolsaerospace.com">enquiries@penninetoolsaerospace.com</a></p>
<p style="color:black;">Tel: 01282 815555</p>
<p> </p>
<p style="color: black;;">Pennine Tools Aerospace Ltd</p>
<p style="color: black;">Unit 1</p>
<p style="color: black;">Ravenscroft Business Park</p>
<p style="color: black;">Jackdaw Road</p>
<p style="color: black;">Barnoldswick</p>
<p style="color: black;">Lancashire</p>
<p style="color: black;">BB18 6DX</p>
</div>
</div>
</body>
</html>
这是 CSS -
/---start-content-header----/
.content-header h1{
color: #fff;
font-size: 4em;
font-weight: inherit;
}
.content-header p{
color: #fff;
font-size: 1em;
font-weight: inherit;
word-spacing: 0.2em;
}
.content-header {
text-align: center;
margin-top: 0em;
}
.content-header {
margin-top: 0em;
}
@media(最大宽度:1024px){
.content-header h1 {
color: #fff;
font-size: 3.4em;
margin:0 0 0.3em 0;
}
.notify {
width: 50%;
}
}
@media(最大宽度:768px){
.content-header h1 {
font-size: 2.5em;
margin: 0 0 0.2em;
}
.content-header p {
color: #fff;
font-size: 0.85em;
}
.notify {
width: 57%;
}
.notify input[type="text"] {
width: 71%;
}
}
@media(最大宽度:640px){
.content-header h1 {
font-size: 0em;
}
.notify {
width: 75%;
}
}
@media(最大宽度:480px){
.content-header h1 {
font-size: 1.5em;
margin:0 0 0.5em;
}
.content-header p {
font-size: 0.8em;
line-height: 1.6em;
}
.notify {
width: 71%;
padding: 1em;
margin-top: 1em;
}
.notify input[type="text"] {
width: 52%;
}
.copy-right p {
font-size: 0.7em;
}
}
@media(最大宽度:320px){
.content-header h1 {
font-size: 1.2em;
margin: 0 0 0.5em;
line-height: 1.6em;
}
/*.content-header p {
font-size: 0.7em;
line-height: 1.6em;
}*/
.content-header {
margin-top: 0em;
}
.notify {
width: 77%;
}
}
【问题讨论】：
-
您的 font-weight 属性看起来不错。您只需要减小这些 p 标签的字体大小。说 0.9 或 0.8em
-
你不要在你的 p 标签上加粗，你应该按照@Nandita Arora Sharma 的建议减少字体
-
我尝试更改它，但仍然没有删除粗体效果。只会让它变小。