0
何らかの理由で、ブラウザまたはエディタで段落タグに設定したスタイリングを認識できない。ここに私のコードです。すべてのヘルプははるかに高く評価される:)ブラウザで段落タグのスタイリングが認識されない
/* COLORS */
$color1: #000000;
$color2: #111111;
$color3: #222222;
$color4: #333333;
$color5: #444444;
$color6: #555555;
/* BODY TEXT */
p {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 26px;
color: #ffffff;
}
/* H1-H6 */
h1 {
font-size: 60px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
color: #000;
letter-spacing: 0px;
}
h2 {
font-size: 50px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
color: #000;
letter-spacing: 0px;
}
h3 {
font-size: 40px;
font-family: 'Open Sans', sans-serif;
font-weight: 500;
color: #000;
letter-spacing: 0px;
}
h4 {
font-size: 30px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
color: #000;
letter-spacing: 0px;
}
h5 {
font-size: 20px;
font-family: 'Open Sans', sans-serif;
font-weight: 100;
color: #000;
letter-spacing: 0px;
}
h6 {
font-size: 10px;
font-family: 'Open Sans', sans-serif;
font-weight: 100;
color: #000;
letter-spacing: 0px;
}<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">
<link href="styleguide_sample.css" rel="stylesheet" type="text/css" >
<title>Title of project goes here</title>
</head>
<body>
\t <p>
\t <strong>This is body text:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas id malesuada felis. Sed efficitur scelerisque tortor, a ultricies tortor vestibulum non. Proin id nisi condimentum, ultrices tellus id, vehicula massa. Ut laoreet, purus at malesuada ornare, orci dui mattis elit, fermentum mollis dolor quam ut orci. Morbi consequat non nibh eget aliquam. Donec diam velit, volutpat ut ornare in, ultricies ac est. Aenean a ligula auctor, congue elit nec, fringilla eros. Mauris placerat ligula id neque fringilla, ut congue quam pellentesque. Aenean lacinia, velit ut fringilla tincidunt, tortor nisi faucibus quam, sed lobortis justo ex ac ipsum. Etiam et dolor eget metus ultrices tincidunt non ac erat. Integer non accumsan mi, sed consequat purus.
\t </p>
\t <h1>
\t This is Header 1
\t </h1>
\t <h2>
\t This is Header 2
\t </h2>
\t <h3>
\t This is Header 3
\t </h3>
\t <h4>
\t This is Header 4
\t </h4>
\t <h5>
\t This is Header 5
\t </h5>
\t <h6>
\t This is Header 6
\t </h6>
</body>
</html>私は、これはFirefoxの&クロームでテストして、それが動作しているようだ唯一の場所では、Dreamweaverです。確かに単純な解決策があります。私はそれが何であるかを特定するように見えない。
ps：H1 - H6タグは正常に動作しているようです。唯一動作しないのは、Pタグのスタイリングです。
カラーの宣言のように見えるのは、CSSで乱雑です... – Wavemaster
それでした！ありがとうございました。良いアイ私は私の人生のためにこれを理解することができませんでした。 – Dinkledine
私はあなたの質問を閉じて他の人を助けるために答えとして私のコメントを追加しました。 – Wavemaster