質問をすることでしか得られない、回答やアドバイスがある。

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

新規登録して質問してみよう
ただいま回答率
85.48%
HTML

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

CSS

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

Q&A

解決済

1回答

215閲覧

CSSにHTMLに適用するには3種類の方法がある

nozatodogers

総合スコア30

HTML

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

CSS

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

0グッド

1クリップ

投稿2017/11/29 13:25

確かに方法はあるかもしれませんが、CSS独自で行うことができないでしょうか。
HTMLを絡めてしまうとコードが長くなってしまうし、
1必ず適用しなければならないか
2任意だけでも適用することによってどういうメリットがあるのでしょうか

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

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

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

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

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

defghi1977

2017/11/29 13:34

質題・質問の内容共に記述が不十分で, 何を言っているのか皆目見当がつきません.
kei344

2017/11/29 13:46

過去の質問について、「解決済」になっていないものが多数見受けられます。解決したものは「ベストアンサー」を選び、自力で解決した場合はその方法を解答欄に書き、もし万が一解決していないのであれば質問を編集するなどしてみてください。
nozatodogers

2017/11/30 05:02

編集に追記を記入したのですが、反映されていないので、こちらの方に投稿させてください。ホームページはHTMLとCSSで構成され、JAWAは考えないとします。https://ferret-plus.com/3323 コードの構成はHTMLとCSSと2分割されていないと思います。私の質問の意図はCSSでできるのであれば、HTMLへ適用するのでしょうか。コードが長くなって、把握しにくいと思うのですが。と素人的な考えですみません。
defghi1977

2017/11/30 05:18

残念ながらあなたの文章は質問以前に自分の意図を相手に伝える域に達していません. WEB用語に対する理解が追いついていないことは判りますが, 主語述語目的語はおろか「てにをは」のレベルで誤記・誤用・省略がありますと返答のしようがありません. 投稿の前にもういちど内容を声に出して読み直し, 内容が正しく相手に伝わるかよく見直してみましょう.
guest

回答1

0

ベストアンサー

適当な推測混じりに回答します。

「HTMLとCSS」という形で表示するのではなく、「CSSだけ」でページが表示出来るのか?

という質問だと想定しました。
答えは**「出来ない」**です。

サンプルサイトの冒頭にも書いてありますが、

テキストや画像等は HTMLで構造化して、それらをどのように装飾/ レイアウトするかというスタイルの制御を CSS(Cascading Style Sheet)で行います。

つまり「HTMLあってこそのCSS」であり、CSS単品では使えません。
逆に言うと、「HTMLあり・CSS無し」は可能です。


例えば<h1>タイトル</h1>というHTMLがあったとします。
このまま(CSS無し)だと標準のデザインがそのまま適用され、「大きなフォントで太字」で表示されます。

ここにCSSを適用してみます。
<h1 style="font-size: 12px; font-weight: normal;">タイトル</h1>
こうすると「フォントサイズ12px、通常の太さ」で表示されます。
(これはタグに直接CSSを適用させた例ですが、classやidで指定したりCSSファイルを別途用意した場合も理屈は一緒です)

逆にCSSだけ・HTML無しと考えると、「装飾を適用させる対象が無い」のですからCSSの存在意義がありません。


もし「コードが長くなるのが嫌だ」「標準の見た目のままでいい」というなら、CSSを適用させる必要はありません。
ですが「装飾をしたい・レイアウトを設定したい」ならばCSSを適用する必要があります。

これはWEBページのルールとして
「HTMLはページの構造(=各要素の目的)を示すものであり、見た目を装飾するものではない。装飾はCSSで行う」
というものがある為です。
(例えば古い個人サイトでは<table>タグをレイアウトに使っていましたが、本来の用途は「表」を描画するものです。レイアウトを凝りたいなら<div>等のタグとCSSを組み合わせて使うのが正しい使用方法です)


質問へのコメントにも書き込まれていますが、元の質問文だとかなり意味不明です。
質問するときのヒント」を熟読した上で、
他の方に理解出来る文章になっているかどうか読み直した上で投稿してください。

投稿2017/11/30 05:29

sakura_hana

総合スコア11427

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

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

nozatodogers

2017/12/03 02:54

回答ありがとうございます。 質問したのはFormBuilderのサイトからFormをカスタマイズしたければ、下記のページを利用してくださいとHTMLはカスタマイズできないというサイト側の説明からです https://gyazo.com/7760f5027554b51b614c06a02ee3c4fa 2の箇所にコードを入力すれば、左側でライブでみれることができます。長方形の箇所がCSSを挿入している箇所で、そのコードが1に示されています。 このページからだと、あくまでFormの体裁を整えたいだけであるならば、HTMLがいらないのじゃないか と思いました。 確かにHTMLとCSSが対になっていないとだめだということはわかりました。 ただ、HTMLとCSSの関係が銘記された下記のサイトだと、現在の私の知識から遠いなと感じました。 https://ferret-plus.com/3323
sakura_hana

2017/12/03 04:27 編集

FormBuilderの機能は 「ユーザーの入力(項目設定)に合わせて自動的にフォーム用のHTMLを生成します」 「CSSを編集したい場合は画像2の欄に記入すれば適用されます」 「HTMLそのものは編集できません」 という意味です。 HTMLが存在しないという意味ではありません。 繰り返しになりますが「Formの体裁の大元を作っているのがHTML」です。 Formが無ければFormに色を付けることはできませんよね? Formを作っているもの=HTML、体裁を整えているもの=CSSです。 ferretのページですが、会員登録が必要な部分は読んでいないです。 疑問点は引用頂けると助かります。 どちらにしろ、一度HTMLファイルとCSSファイルを自分の手で作ってみると納得できると思います。 (アップロードする必要はないです) http://www.tohoho-web.com/wwwbeg1.htm
nozatodogers

2017/12/04 06:08

再度ありがとうございます。 >FormBuilderの機能 内容はわかりました。 >HTMLファイルとCSSファイルを自分の手で作ってみると納得できる 理想はそうですが、ホームページを作成するのが目的ではなくFormをカスタマイズしたいので、それほど、詳しいことは必要ないと思いますが、覚えることが多いので苦労しています。
sakura_hana

2017/12/04 06:29

元の質問文ではFormBuilderを使っていることも、Formの見た目をカスタマイズしたいだけであることも書かれていません。 なのでWEB制作の一般論を回答したのですが、一から自作しないなら割と無駄な(あるいは余計混乱させる)回答だったかもしれません。 正直、既存のフォームを変更するぐらいなら、調べながらやれば覚えることも然程無いと思います。 (今後同じことをするから覚えたいとか、何度もやっているので自然に覚えたとかなら分かりますが) 必要なのは「理解する」ことで、「覚える=記憶する」とは別だと思います。 何にせよ、「自分にとって何が目的なのか、何が必要なのか」を整頓した上で相手に伝える(質問する)と回答側も無駄が減らせます。 前述の「質問するときのヒント」にも書かれていますが、今後はそちらに則っての質問、宜しくお願いします。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問