HTML/CSS のどんな質問に必ず優しく答えるスレ 31
■ このスレッドは過去ログ倉庫に格納されています
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです
類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
分からない人は何回聞いても結構。質問するときはIDを出すためにメール欄を
age にすることをおすすめします。
回答してくれる方は優しい人のみ！ 質問者に対して暴言を吐く人はこのスレを見るな！！
終わった話を蒸し返すやつは このスレにくるな！！！
自分で調べろという回答も禁止！！回答するかさもなくば何も書き込むな！！
質問側も節度あるレスで！質問前にスレ内を検索しましょう
■次スレについて
基本的にレスナンバー>>980を取った人（立てられない場合は次の宣言者）が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（>>980を取った場合も）
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう
■前スレ
HTML/CSS の質問に優しく答えるスレ 30
http://mevius.2ch.net/test/read.cgi/hp/1508043632/
■関連スレ
Webサイト制作初心者用質問スレ part248
http://mevius.2ch.net/test/read.cgi/hp/1494150188/
■HTML
HTML Living Standard 日本語訳
https://momdo.github.io/html/index.html
■CSS
Selectors Level 4 日本語訳
https://triple-underscore.github.io/selectors4-ja.html > リセットcssは
> マージンパディングが0
> 限りなくcssに値がないようなプレーンな状態
それはリセットCSSの一つで Universal Selector ‘*’ Reset と呼ばれている
https://cssreset.com/scripts/universal-selector-css-reset/
他のリセットCSSでも含まれているものが有るが
必ずしも0にする必要はない >>348
あと俺は一貫してscss推し基地、定義マン、フレームワークバカはこのスレにふさわしくないと思ってるからな
クリーンなhtml/cssで簡潔に質問者に答える、それがこのスレ。 >>350
おまえは本当に何の役にも立たないことしか言わないなｗ
言っとくが俺は最初からbootstrapはクソだって言ってるからな？
bootstrapのようにあんなにclassを多用するのはだめだ
俺のやり方ではclassは最小限であるって話をした所で
お前が、classを多用するやつなんて見たことないって言ったから
（俺が批判しているものの一つである）bootstrapを持ってきてやったんだろうが
でbootstrap使ってるやつ？ 全世界で 16.7% 使われてるよ
https://w3techs.com/technologies/overview/javascript_library/all
お前、知らないこと多すぎだろ
それでよく勝ち目のない討論仕掛けたよなｗ >>352
誰もお前の思っていることを語れなんて言ってない >>353
討論する気なんてないし>>352なんでどっかでてってくださいっだけ、それ以外はほんと俺の非でかまわないんでどっかいってください 結局どっか言ってほしいがために、
無知な頭まで仕掛けてきたってわけかｗ
それでボコボコにされてりゃ世話ないな classを多用するもんなんか知らないと言っておきながら
classを多用するbootstrapを前から知っていたかのような
顔するのやめなよ？ バレないと思ったかもしれないが
こうやって指摘されると恥ずかしいだろ？ｗ >>353
あと誰かと勘違いしてるがおれはその話の中にはでてきたやつじゃないからな…classを多用するやつなんて〜は俺じゃないしこのスレは
scss！定義！ マン1人
なぜかフレームワークをだしてくる1人
その他scssフレームワークはスレ違い派 多数
で進んでるからふたりがいなくなれは解決なんだよ 「でてってください」に答えると
出ていくことはありません。ってはっきり言っておこうか？
絶望したろ？ｗ
出ていくことがあるとしたら俺が飽きた時ぐらい。
これからもHTML/CSSに関連はする話を続けます。 > で進んでるからふたりがいなくなれは解決なんだよ
少なくとも俺はいなくならないから解決しないってことだな この板で
sassやscssで検索してもスレないんだな…… あ、この板でかｗ
そりゃsassやscssはこのスレの担当だからね >>356
誤字で日本語不自由みたいだから書き直して >>364
このスレの担当じゃないから建てろって話でまとまっただろ記憶喪失か？ >>365
え？もっかい書いて良いのかい？
結局どこかに言って欲しいがために、
無知な頭でバトルを仕掛けてきたってわけかｗ
それでボコボコにされてりゃ世話ないな >>366
どこでまとまった？
お前の意見以外でまとまったとみなせるような
レス教えて >>364で
> そりゃsassやscssはこのスレの担当だからね
sassやscssはこのスレの担当だとまとまりました >>367
まだ誤字があるからもう一回ちゃんと書いてください。日本語かけるよね？ 「誤字」ですよね？じゃあ誤字である所を示してください
誤字以外は示さなくていいですよ。日本語わかるよね？ 一応「誤字」の定義書いておくか。こいつが日本語読めるか知らんけど
https://www.weblio.jp/content/%E8%AA%A4%E5%AD%97
ご じ ［1］ ［0］ 【誤字】
あやまった形の文字。あやまって使った別の字。印刷物の誤植についてもいう。 あれ？
scss推し定義マンとフレームワークマンは別の人？誰を応援すればいいの？ >>374
ありがとう！気づかなかったよ
じゃあもう一回書くね！
結局どこかに行って欲しいがために、
無知な頭でバトルを仕掛けてきたってわけかｗ
それでボコボコにされてりゃ世話ないな
感謝の気持ちでもう一回！
結局どこかに行って欲しいがために、
無知な頭でバトルを仕掛けてきたってわけかｗ
それでボコボコにされてりゃ世話ないな
さらにしつこく煽ってもう一回！！
結局どこかに行って欲しいがために、
無知な頭でバトルを仕掛けてきたってわけかｗ
それでボコボコにされてりゃ世話ないな >>374
> scss推し定義マンとフレームワークマンは別の人？誰を応援すればいいの？
お前ん中で自分の都合がいいように解釈すればいいよ
そうすりゃ安心感を得られるだろ？ >>378
アンカー間違えたので訂正
ありがとう！気づかなかったよ
じゃあもう一回書くね！
結局どこかに行って欲しいがために、
無知な頭でバトルを仕掛けてきたってわけかｗ
それでボコボコにされてりゃ世話ないな
感謝の気持ちでもう一回！
結局どこかに行って欲しいがために、
無知な頭でバトルを仕掛けてきたってわけかｗ
それでボコボコにされてりゃ世話ないな
さらにしつこく煽ってもう一回！！
結局どこかに行って欲しいがために、
無知な頭でバトルを仕掛けてきたってわけかｗ
それでボコボコにされてりゃ世話ないな >>376
やっと気づいたか
宿題のように反復ご苦労様。
これで間違えることはなくなりそうだね
ちなみにボコボコってどこ？
いつのまにか攻撃先が変わってるんだけど俺参加し始めたの古代のCSSw云々あたりなんだよね >>382
> ちなみにボコボコってどこ？
IDでてないからわからんねｗ
少なくともbootstrapが使われていることを
知らなかったやつとか当てはまるね 同一人物か知らんけど、
classを多用する書き方があることを知らなかったやつも
俺がボコボコにしたやつの一人だろうな 俺を追い出そうとしたやつ
sassやcssフレームワークの話をしてるやつは
ボコボコにしたというより、俺を追い出せなくて
かわいそうに感じる人だな >283>304>327
>346>350>352
>355>358>365
>>384
はい、俺が書いたのこれ
タブってそうなやつ(文字直せとか)は省いた
で、どれだろ？ >>387
じゃあお前はbootstrapが使われてないことを知らないやつだなって
ボコボコにしたやつ 兼 かわいそうな人だな。
いくら夢見ても俺が出ていくことはないよ？ >>388
ん？
[bootstrapが使われてないことを知らないやつ]そんなやついたか？ 現実がみじめなおじさん、標準規格のHTML/CSS質問スレで初心者の質問にスレ違いで非標準のsass/scssの話をしてマウントを取るの巻
なお現実のみじめさは変わらない模様ｗｗｗｗ
理由はお察しｗｗｗｗｗ >>389
いたな
> 更新されようが今時使ってる奴なんているの？
って書いてるしな。
使ってるやつは16.7%もいる >>391
日本語読める？
つ か わ れ て な い こ と を し ら な い や つ 全体の5/6なら
個人向けなら切り捨てるな
業務ならしぶしぶサポートか
どうでもいい話を続けるやつほど
現場では使えない >>394
お前何の話してるの？
言っておくけどブラウザシェアの話はしてないよ >>297
は？data-の話題そのままだがお前の脳内で勝手に分岐してんだろ >>397
これか
＞>>167の、HTML5違反をして、独自属性をつけるって話？の箇所
＞data-hogeでなく
”data-”の有無の話だな。後は知らん ダブルコーテーション全角って気持ち悪い…
"data-"無しの独自属性とか何考えてるのって思う 半角は元の書き込みとの区別とHTML的な意味から外すためだろ
何考えてるでなくその根拠の話だったぞ
終わってるのだからもういいよ >>397
分岐してるのは>>169だが？
え、見えない読めない分からない？マジ文盲ワロタｗｗｗｗｗ
>>169の話題Bに対するレスを話題Aに対するレスと勘違いｗｗｗ
日本語の読めたら勘違いしようがないレベルだがｗ
文盲じゃあしょうがないなｗｗｗｗ ＜div＞
＜button＞ボタン＜/button＞
＜ul＞
＜li＞項目１＜/li＞
＜li＞項目２＜/li＞
＜li＞項目３＜/li＞
＜/ul＞
＜/div＞
この場合、divにtext-align:center とするとボタンが中央揃えになるのは良いのですが、
li内の「項目１」などの文字も中央揃えになります。
それは回避したいのですが、どうすれ良いですか？ >>402
button {
display:block;
margin: 0 auto;
} width忘れてた
button {
width: 100px;
display:block;
margin: 0 auto;
} ボタンのサイズが小さくなってしまいましたとかいいだすだろ
liにtext-align left >>404
トリッキーな回答しようとして時代に逆行してるいい例
いまどきピクセル指定でデザインするなんて
将来解像度が1万とか10万とかの時代がきたらどうするつもりなんだ
>>405
みたいなシンプルでいいのに >>401
その169は153に対するレスじゃないよ
といってもレス先（アンカー）書き間違いでもない
2chの方見ればわかる
専ブラの都合かなんかでずれてるんだよ >>406
皆さんありがとうございました。
>liにtext-align left
で解決しました。
そもそも
divにtext-align:center の設定が
何故olの中のliにまで影響するのでしょうか？
div直下のbuttonにだけ影響すると思ったのですが。 すまん別件と勘違い
>>407は捨ててくれ
ただなおさら>>398で合ってるやん プロパティの継承で調べるといいかも
text系のインラインスタイルはだいたい内側に継承される というよりスタイル変更を内側でキャンセルしなきゃいけない構造にするから悪い
＜div＞
＜div class="centeringContainer"＞＜button＞ボタン＜/button＞＜div＞
＜ul＞
＜li＞項目１＜/li＞
＜li＞項目２＜/li＞
＜li＞項目３＜/li＞
＜/ul＞
＜/div＞
等で適用する範囲を限定するのが自然かと
あとインライン要素を同じ階層で他の要素と並べるのもあまりよくない
なるべくブロック化しておくのがスタイルも適用しやすい
自動出力等でHTMLが変更できないとかでなければね 誰か>>401を日本語に翻訳してくれ
普通に継続してるようにしか見えんのだが >>408
他にもcolorなど子孫まで影響する場合としない場合と、少し経験積まないと確かにわかりづらい
子孫まで継承させるプロパティもあるが>>402とは逆だし使ったことない 続き
>>262
↓
>>263
↓
>>265
↓
>>266
↓
>>271
↓
>>297
dataの話？文盲ｗｗｗｗ >>405
＞ボタンのサイズが小さくなってしまいましたとかいいだすだろ
すまんそこまで気が回らん勝った
しかし打ち消しはしたくないので>>411の方が良いと思う >>412
相手するな
草3つは負けを認めたようなもの
どうせunkochinchinなんてアホなこと書いたのも本人だろ dataの話に一切関わってないやつに行きなりdataの話で食って掛かるとか脅迫性障害じゃん？ 自分がdataレスバで熱くなって、関係ないレスまですべてdataのレスに見えてるんだろうな。
覚醒剤でもやってるんじゃないか？ >>411
なるほど。
大変参考になりました。
411さんはかなりの上級者の人ですね。
ありがとうございます。 >>418
だな
わざわざリンク書かなくてもツリー構造でも見てて全て見えてるってのになんかかわいそう
もういいわ とりあえずdataくんの「暇じゃない」ってのは嘘だったな。 >>402
div＞button{
text-align:center;
}
じゃダメなんだっけ？ >>414-415
冗長だわ。俺がまとめといてやろう。
二人を仮にdataくんとunkoくんとする。
1. dataくんが、unkoについてのレス>>183に対し攻撃
2. 煽りあいの後、>>271にて、dataくんが183をdataに関するレスと勘違いしていたことが発覚
3. 183のレス先>>169ではdataとunko２つを話題にしていた
4. dataくん、>>169はdataに関してのみのレスだと強弁
5. dataくん、unkoの話題をしていたunkoくんにdataの話題で言いがかりをつけたことを認めず自作自演で火消し中。自称暇じゃないらしい>>265 こっちでもdataの話題してるけど、
また別の話なんだよなぁ
俺は関係してない 暇じゃないなら勘違いしてました、でごめんなさいしとけばよかったのに。
よっぽど暇かレスバトル体質なんだろうな。
暇な奴ほど暇じゃないアピールするよな。
その後の行動で自ら暇人ですとバラしていくスタイルｗ 昨日かおとといくらいから書きまくってる奴いるけどすげーな
一日中5chやってたのか
完全に中毒だな とりあえず自己顕示欲を満たしたいなら
ブログでアフィやったほうがいいんじゃね？
荒らすなよクソが というか昨日も書いたけどid表示がないから誰がどのレスを書いたのかがさっぱり分からない
そくこれで延々レスのやり取り出来るなと >>426
ボタン自体を中央寄せなのでそれは違う
>>432
普段誰とも喋らないから、相手されるのが嬉しくて仕方ないんだろう
引きこもりニートか、ぼっちの中学生ってところだろうな
関わるだけ無駄だぞ 自称暇じゃない引きこもりニートぼっち中学生って凄いな >>427
4は違ってる
data-なし違反根拠が論点なので、unkoでなくhogeであっても同じこと
もう1人がunkoに対して反応したのでただ同意しただけだろ
勘違いはしてない >>427=435だぞ
自作自演でスレ違いのい話続けて、スレを荒らす手法
延々続けるとその内誰か釣られて勢いが出る position:staticな要素が
position:absoluteな要素を包含できないようになっている理由は何ですか？
それを出来るようにした場合になにがまずかったのかが分かりません position:staticってデフォルトじゃねーの？
普通にposition:absoluteって書いた
position:staticに内包されてるのと同じなんじゃねーの？ 何故か包含できないと思い込んでいましたが
staticにabsoluteを入れても、absoluteは指定通りに表示されますね
staticの高さ計算から外れてstaticが消えてしまう場合があるので
出来ないと思い込んだのかもしれません
ありがとうございました 中身無しで高さ無し、要素が消えた！
この状態って初心者の鬼門だな 質問です。
<img>タグのwidthとかheightって、width=320でもwidth="320"でも動作するけど、""を使わないのは良くないと思っていいですよね？ >>445
The attribute value can remain unquoted
if it doesn't contain spaces or
any of " ' ` = < or > .
Otherwise, it has to be quoted using either single
or double quotes.
The value, along with the = character,
can be omitted altogether
if the value is the empty string.
だそうな >>446
なるほど。特定の文字を含まなかったら無理に""で囲む必要はないんですね。
見た感じ気持ち悪いけど。
勉強になりました。ありがとうございました。 パース速度考えると省略できるところは省略したほうが速いのか？
ブラウザの実装に詳しい人教えてくれ 省略したほうが速いよ
保守性は下がるけど、まぁ好きにすればいい >>449
今時のPCだとたいした速度差にはならないような ■ このスレッドは過去ログ倉庫に格納されています
