reset cssをファイル読み込み後➡文字崩れ

直接CSSに書き込んでいたresetcssを読み込むことを初めて知り、
新たにファイルを作り、読み込ませた後からh2-h4の表題のborder-bottomがすべて消え、
文字の位置も変わってしまいました。

検証画面で確認すると、padding,maegin,や下記のコードに横線がはいって消えているようです。
再度コードを入力しても、まったく変化がありません。
何が原因なのか、わかるかたいましたらご教授くださいませ。m(__)m

消えたコード↓↓↓関係あるかはわかりませんが一応貼り付けます。

*, *:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

完成形の画像、崩れた画像

検証画面

HTML ,CSSコード　

sasnight

2019/11/26 14:30

それが発生するソースコードをテキストにして提示いただけますか.

kakurekumanomi

2019/11/26 15:01

ご対応ありがとうございます！自己解決できたので原因を提示させていただきます。 HTMLの <link rel="stylesheet" href="test-1.css/reset.css"> <link rel="stylesheet" href="test-1.css/styles.css">この２つが逆になっていたのが原因でした。ありがとうございました＾＾！

sasnight

2019/11/26 15:13

いえいえ, 解決されて良かったです. こちらこそ, 勉強になりました. ありがとうございました.