HTML/CSS のどんな質問にも優しく答えるｽﾚ 40

**Name_Not_Found** · 2019/07/31(水) 19:43:07.90

ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです

類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
分からない人は何回聞いても結構。質問するときはIDを出すためにメール欄を
age にすることをおすすめします。

回答してくれる方は優しい人のみ！　質問者に対して暴言を吐く人はこのスレを見るな！！
終わった話を蒸し返すやつはこのスレにくるな！！！
自分で調べろという回答も禁止！！回答するかさもなくば何も書き込むな！！

質問側も節度あるレスで！質問前にスレ内を検索しましょう

■次スレについて
基本的にレスナンバー>>980を取った人（立てられない場合は次の宣言者）が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（>>980を取った場合も）
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう

■前スレ
HTML/CSS のどんな質問にも優しく答えるｽﾚ 39 ﾐｯｸﾐｸ
https://mevius.5ch.net/test/read.cgi/hp/1559446058/

■関連スレ
Webサイト制作初心者用質問スレ part251
https://mevius.5ch.net/test/read.cgi/hp/1564414228/

■HTML
HTML Living Standard 日本語訳
https://momdo.github.io/html/index.html

■CSS
Selectors Level 4 日本語訳
https://triple-underscore.github.io/selectors4-ja.html

**Name_Not_Found** · 2019/09/09(月) 01:03:24.39

モルダー、あなた疲れてるのよ

**Name_Not_Found** · 2019/09/09(月) 19:18:56.12

例えばサイトtopに画像を表示させたいときに、CSSでbackground-imageをつかうのと、普通にHTMLにimgのリンクを書き込むのとでは何が違うのでしょうか？

**Name_Not_Found** · 2019/09/09(月) 20:09:38.93

>>953
元々、background-imageは要素の背景などに使うものだったが
今となっては、それぞれなんでもできるから、ざっくり言うとどれでやってもいい。
imgタグはalt属性が入れられたり、解像度で切り替えたり、アスペクト比で可変できたりの特性はある

**Name_Not_Found** · 2019/09/09(月) 20:14:16.06

>>953
seoでは基本的にcssは読まないからseo評価はプラスもマイナスもない

htmlで貼れば何かしら評価はある

**Name_Not_Found** · 2019/09/09(月) 20:19:31.76

>>954
続き
background-imageは画像の繰り返し表示ができたり
スクロール時の見え方や親要素に合わせたフィッティングなども行える

**Name_Not_Found** · 2019/09/09(月) 20:41:00.59

なるほど～

**Name_Not_Found** · 2019/09/09(月) 21:16:54.18

俺も気になってた、ありがとうー

**Name_Not_Found** · 2019/09/09(月) 22:40:32.54

いいって事よ。
とりあえずケツ穴出せや

**Name_Not_Found** · 2019/09/09(月) 22:41:06.40

flexってベンダープレフィックスを付けないとSafariでうまく表示されないですか？

**Name_Not_Found** · 2019/09/09(月) 22:43:33.77

-（*）-

**Name_Not_Found** · 2019/09/09(月) 22:44:44.88

>>960
試してみては?

**Name_Not_Found** · 2019/09/09(月) 22:50:04.58

>>962
使ってるPCのOSがWindows10で、最新のSafariブラウザをダウンロードできないので、確認方法がないんです。

ちなみにHTML/CSSは趣味でやってる初心者です。

**Name_Not_Found** · 2019/09/09(月) 23:10:35.78

Macを取り扱ってる家電量販で確認すればいいよ

**Name_Not_Found** · 2019/09/09(月) 23:47:14.66

>>960
9以降でいいならいらない

**Name_Not_Found** · 2019/09/10(火) 00:07:06.05

9とは？

**Name_Not_Found** · 2019/09/10(火) 06:47:04.21

「can i use flex」で検索！
Can I use のサイトで、調べれば？

CSS Flexible Box Layout Module
https://caniuse.com/#feat=flexbox

【2019年版】Flexboxの対応ブラウザとベンダープレフィックスまとめ
https://webdesign-trends.net/entry/8257

**Name_Not_Found** · 2019/09/10(火) 07:32:48.56

あ？ビックキャメラで確認すればいいって言ってるだろ？

**Name_Not_Found** · 2019/09/10(火) 08:02:04.06

FlexboxをFirefoxに空目した

**Name_Not_Found** · 2019/09/10(火) 08:09:02.66

ForeFax

**Name_Not_Found** · 2019/09/10(火) 13:49:35.72

before/after要素で、background-imageが表示されない時って、原因として何が考えられますか？

試しにbackground：#fffでやったらちゃんと表示される。
content:' ' に文字を入れてもちゃんと表示される。
background-imageだけは何も出てこないbackgroundに変えても同じ。
でも試しにimgタグで同じソースを入れるとちゃんと表示される。
heightもwidthも入れてるしdisplayもblockやinline-blockを試したけどやっぱり出ない。

原因としては何が考えられますか？

**Name_Not_Found** · 2019/09/10(火) 16:23:50.98

とりあえずコード貼ってみなよ
簡略化したので良いから

**Name_Not_Found** · 2019/09/10(火) 17:45:29.45

urlがおかしいとか言うなよ

**Name_Not_Found** · 2019/09/10(火) 18:31:34.81

background-image :url(…) center center no-repeat;
とかやってんじゃないの？

**Name_Not_Found** · 2019/09/10(火) 18:56:05.52

相対パスの指定がおかしいとかかもな
HTMLファイルからの相対パスを指定しちゃったり

**Name_Not_Found** · 2019/09/10(火) 19:48:27.83

CSSでのパス指定ミスはやったことあるｗ
灯台下暗しですわ～

**Name_Not_Found** · 2019/09/10(火) 20:06:54.80

大正デモクラシーですわ～

**Name_Not_Found** · 2019/09/10(火) 20:57:48.19

>>977
何が？

**Name_Not_Found** · 2019/09/10(火) 22:00:51.66

ギャグを解釈できないとか、IQ大丈夫か？

**Name_Not_Found** · 2019/09/10(火) 23:40:46.85

>>976-978 の流れ好き

**Name_Not_Found** · 2019/09/10(火) 23:44:09.52

はい次スレ。
HTML/CSS のどんな質問にも優しく答えるｽﾚ 41
https://mevius.5ch.net/test/read.cgi/hp/1568126622/

**Name_Not_Found** · 2019/09/11(水) 01:50:04.61

>>979
ギャグだったのか
すまんww

**Name_Not_Found** · 2019/09/11(水) 23:55:49.30

>>972->>974
あ？偉そうに上から物言うなや
大変お手数ですが、おコードを貼っていただきたくって言えや

**Name_Not_Found** · 2019/09/11(水) 23:58:03.65

9月からweb制作のスクールに通い始めたのですが
すでにHTMLとCSSの内容が覚えきれなくて(特にCSS)落ちこぼれになりそうです

そこで質問をさせて頂きたいのですが

1.効率的な勉強方法を教えて欲しいです
(ノートにひたすらタグを書いて覚えるのがいいのか、パソコンに向かってひたすらタグを打ち続ける方がいいのか等)

2.タグは全て英語or英語の略らしいので出来たら沢山のタグの読み方と英語の意味が分かるリストや辞典が欲しいのですがオススメの本やサイトはないでしょうか？
(中学生以下の英語力なのでタグの意味を理解する事から始めたく…)

長々とすみません
どうぞよろしくお願い致します

**Name_Not_Found** · 2019/09/12(木) 00:13:20.89

>>984
1）パソコンに向かってタグ打ち
2）アンクのHTML5＆CSS3辞典

**Name_Not_Found** · 2019/09/12(木) 00:13:29.76

>>984
誰かに見せるなにかを作るのがいいんじゃない?
家族でも恋人でも友達でもいいから見てもらうとなると
わりと真剣に覚えるし考えるんじゃないかな

**Name_Not_Found** · 2019/09/12(木) 00:19:19.69

>>984
ワイは数ヶ月前から独学でHTMLとCSSを勉強してるけど、ゲームをプレイするのと同じ感覚で、とりあえず説明書(参考書)をさらっと読んで、とりまプレイしまくるのが一番いいと思う。

途中で基本操作方法わからなくなったり、知りたい事が出てきたらその都度ググって実行する感じ。

モンハンで言うなら
最初はいろんな武器やアイテム、ステージがあって混乱するけど、とりあえずいつかは強いモンスターを狩れる一流ハンターになりたいと目標をもちつつ、まずは目先のヤンクックの討伐に尽力する感じ

つまりHTML/CSSはモンスターハンターってことね

**Name_Not_Found** · 2019/09/12(木) 00:43:18.38

>>984
意味も無くひたすらタグを打ったり書いたりしても覚えにくいと思うから、
そのスクールで習った内容をノートにまとめるのではなくて、htmlとcssでまとめて振り返ってみたら？

箇条書きにしてみたい、とか
リンクにしてページで分けたい、とか
ここは中央揃えにしたい、とか
スクールのホワイトボード撮った画像を貼り付けたい、とか
色々とあーしたいこーしたいが出てくると思う

多分自分で何か見やすくまとめようとすると
「じゃあどう書けば目的通りに表示させられるか」
と自然とタグやcssの書き方が身に付くと思う。

元々HTMLっていうのは文書の管理の為に生まれたようなものだし。
的外れな意見だったら申し訳ない。

**Name_Not_Found** · 2019/09/12(木) 01:21:06.03

>>983
あ、貼れないなら別にいいよ

**Name_Not_Found** · 2019/09/12(木) 01:21:41.34

それで言うと、女性にモテたいです
札風呂に入って札束で女をビシバシひっぱたくのが僕の夢ですね

**Name_Not_Found** · 2019/09/12(木) 01:43:41.92

札束に魅力があるのであって、お前に魅力があるわけではないからな

**Name_Not_Found** · 2019/09/12(木) 01:46:44.84

俺も独学で、その都度調べてたな
未だにうろ覚えなとこ多いからMDN読み返したりするし、タグの読み方とかも適当だけど
英語の意味まで解説してる本なんてあるのかな？
普通の英語の辞書でいいし、それよりHTMLやCSSの辞典買った方が便利
あとは配布されてるチートシートとか、まとまってて良いかもな

**Name_Not_Found** · 2019/09/12(木) 01:46:47.18

>>984
サブライムを使えば
それから何文字か打ち込んださ候補のタグを表示してくれる機能入れると
作業が天と地の差になるぞ

**Name_Not_Found** · 2019/09/12(木) 02:00:12.89

最近だとsublimeよりVScodeが推されがち。
というか、未だ候補を表示させる以前の段階だからな。
タグ知らなきゃ1文字目を打てないし。
でも今後のために何かしらの高機能エディタは導入しといて損は無いよね。

**Name_Not_Found** · 2019/09/12(木) 08:42:26.23

英語が苦手なんて言ってる奴はさっさと諦めるべき
話せなくてもいいけど少なくとも読めなきゃ話にならない
一生htmlコーダー(笑)でいいなら別にいいけど

**Name_Not_Found** · 2019/09/12(木) 09:27:17.28

コーダーなんて10年もすればAIが代替してるよな
知らんけど

**Name_Not_Found** · 2019/09/12(木) 12:47:42.08

サブプライムって低所得者を対象としたヤツですよね？
私をバカにしてるんですか？
確かにセブンイレブンのペイキャンペーンで100円づつ使ってますが、
だからっていきなり失礼じゃないですか

**Name_Not_Found** · 2019/09/12(木) 14:22:41.15

>>997
> 私をバカにしてるんですか？
はい。そのとおりです。

だけど、馬鹿にしてるのは貴方だけです。

**984** · 2019/09/12(木) 14:31:19.65

>>985-988
>>992-994
まとめてですみません
みなさんアドバイス本当に有難うございました！

辞典はアンクのものを買うことにしました
勉強方法もとても参考になりました
ノートに向かうよりも実技あるのみでパソコンで練習した方が効果ありそうなんですね
サブライムはmacでも使えそうなのでこちらも試してみます

**Name_Not_Found** · 2019/09/12(木) 16:13:20.90

1000

**1001** · Over 1000

このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 42日 20時間 30分 14秒

**1002** · Over 1000

5ちゃんねるの運営はプレミアム会員の皆さまに支えられています。
運営にご協力お願いいたします。

───────────────────
《プレミアム会員の主な特典》
★ 5ちゃんねる専用ブラウザからの広告除去
★ 5ちゃんねるの過去ログを取得
★ 書き込み規制の緩和
───────────────────

会員登録には個人情報は一切必要ありません。
月300円から匿名でご購入いただけます。

▼ プレミアム会員登録はこちら ▼
https://premium.5ch.net/

▼ 浪人ログインはこちら ▼
https://login.5ch.net/login.php