🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

2回答

912閲覧

リセットCSSについて初歩的な質問です

minipla

総合スコア1

CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2021/02/26 07:18

前提・実現したいこと

すみません。初歩的な質問です。

リセットCSSを適用させるために

私はHTMLに1.を読み込み、

1. <link href="https://unpkg.com/ress/dist/ress.min.css">

CSSに2.の読み込み

2. ドクターリセットのリセットCSSを読み込み

をしていたのですが、もしかしてこれは二重に同じことをしているだけなのでしょうか?
つまりどちらかの読み込みは不要なのでしょうか?

宜しくお願いします。

発生している問題・エラーメッセージ

該当のソースコード

htmlページ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta name="description" content="ホームページ"> <title>profile</title> <link href="https://unpkg.com/ress/dist/ress.min.css"> <link rel="stylesheet" href="html.css"> </head> <body> </body> </html>
CSSページ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body { line-height:1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } /* change colours to suit your needs */ ins { background-color:#ff9; color:#000; text-decoration:none; } /* change colours to suit your needs */ mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } /* change border colour to suit your needs */ hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; }

試したこと

ここに問題に対して試したことを記載してください。

補足情報(FW/ツールのバージョンなど)

ここにより詳細な情報を記載してください。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2021/02/26 07:43

ドクターリセット、とは
guest

回答2

0

ベストアンサー

リセットCSSにもそれぞれ設計思想があるので、その設計思想に沿った使い方をする必要があります。
双方を取り込む必要があるのでしたら2つ使うことでもあるでしょう。複数使いたい場合はどこがどのように干渉し、それが自身の要件に合うかを考え検証して採用を決めてください。

ただ、大抵は1つです。
過不足部分だけを自前で組んだほうがパフォーマンスへの影響は少ないです。

投稿2021/02/26 07:50

m.ts10806

総合スコア80875

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

minipla

2021/02/26 12:54

返信ありがとうございます。 HTMLとCSSにそれぞれリセットを読み込ませないといけないと勘違いしていました。
m.ts10806

2021/02/26 14:29

>HTMLとCSSに 結局使われるのはHTMLです。
guest

0

つまりどちらかの読み込みは不要なのでしょうか?

むしろ、二重にリセットCSSを読み込むと、それぞれが干渉する危険もあります。1つにしましょう。

投稿2021/02/26 07:25

maisumakun

総合スコア145963

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

minipla

2021/02/26 12:52

ありがとうございます。 ご指摘通り一つにしました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問