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

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

ただいまの
回答率

91.35%

  • HTML

    6161questions

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

  • CSS

    3869questions

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

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

受付中

回答 1

投稿 2017/11/29 22:25

  • 評価
  • クリップ 1
  • VIEW 174

nozatodogers

score 12

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

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

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • 退会済みユーザー

    2017/11/30 10:37

    複数のユーザーから「やってほしいことだけを記載した丸投げの質問」という意見がありました
    「質問を編集する」ボタンから編集を行い、調査したこと・試したことを記入していただくと、回答が得られやすくなります。

  • nozatodogers

    2017/11/30 14:02

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

    キャンセル

  • defghi1977

    2017/11/30 14:18

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

    キャンセル

回答 1

+2

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

「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 14:29

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/12/03 11:54

    回答ありがとうございます。

    質問したのはFormBuilderのサイトからFormをカスタマイズしたければ、下記のページを利用してくださいとHTMLはカスタマイズできないというサイト側の説明からです
    https://gyazo.com/7760f5027554b51b614c06a02ee3c4fa

    2の箇所にコードを入力すれば、左側でライブでみれることができます。長方形の箇所がCSSを挿入している箇所で、そのコードが1に示されています。

    このページからだと、あくまでFormの体裁を整えたいだけであるならば、HTMLがいらないのじゃないか
    と思いました。

    確かにHTMLとCSSが対になっていないとだめだということはわかりました。
    ただ、HTMLとCSSの関係が銘記された下記のサイトだと、現在の私の知識から遠いなと感じました。
    https://ferret-plus.com/3323

    キャンセル

  • 2017/12/03 13:27 編集

    FormBuilderの機能は
    「ユーザーの入力(項目設定)に合わせて自動的にフォーム用のHTMLを生成します」
    「CSSを編集したい場合は画像2の欄に記入すれば適用されます」
    「HTMLそのものは編集できません」
    という意味です。
    HTMLが存在しないという意味ではありません。

    繰り返しになりますが「Formの体裁の大元を作っているのがHTML」です。
    Formが無ければFormに色を付けることはできませんよね?
    Formを作っているもの=HTML、体裁を整えているもの=CSSです。

    ferretのページですが、会員登録が必要な部分は読んでいないです。
    疑問点は引用頂けると助かります。

    どちらにしろ、一度HTMLファイルとCSSファイルを自分の手で作ってみると納得できると思います。
    (アップロードする必要はないです)
    http://www.tohoho-web.com/wwwbeg1.htm

    キャンセル

  • 2017/12/04 15:08

    再度ありがとうございます。

    >FormBuilderの機能
    内容はわかりました。

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

    キャンセル

  • 2017/12/04 15:29

    元の質問文ではFormBuilderを使っていることも、Formの見た目をカスタマイズしたいだけであることも書かれていません。
    なのでWEB制作の一般論を回答したのですが、一から自作しないなら割と無駄な(あるいは余計混乱させる)回答だったかもしれません。

    正直、既存のフォームを変更するぐらいなら、調べながらやれば覚えることも然程無いと思います。
    (今後同じことをするから覚えたいとか、何度もやっているので自然に覚えたとかなら分かりますが)
    必要なのは「理解する」ことで、「覚える=記憶する」とは別だと思います。

    何にせよ、「自分にとって何が目的なのか、何が必要なのか」を整頓した上で相手に伝える(質問する)と回答側も無駄が減らせます。
    前述の「質問するときのヒント」にも書かれていますが、今後はそちらに則っての質問、宜しくお願いします。

    キャンセル

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

ただいまの回答率

91.35%

関連した質問

同じタグがついた質問を見る

  • HTML

    6161questions

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

  • CSS

    3869questions

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