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 話それるけど
> リセットの意味もわかって無さそうだね
こういうレスする理由わかっただろ?
なぜ自分の意見を言わないのか。
自分の意見に自信がないから、
それは間違ってる(だけど正しいことは言わない。自分が間違ってることがばれるため)
という言い方をするんだよ
こうやって>>329の考えをひきだすと
>>333のようにボロが出るわけさ >>336
そこに
> 2 機械や装置を、作動前の初めの状態に戻すこと。セットしなおすこと。
セットし直すことって書いてあるけど?
また見えなかった?また?w ここは意見を言うスレではありません。
スレタイを読んでください。 >>335
>リセットCSS的な用途
これどういう意味で使ってた?
リセットCSSで>>325みたいに文字色やフォントファミリー指定するのか?
そこからずれてるぞ 無効化するんじゃなかったのか?
こんどははじめの状態に戻すって言い始めたぞw >>340
指定するぞ?
ブラウザごとに初期値が違うんだから リセットCSSとノーマライズCSSの違いを教えて! >>332
いやだからそのフレームワークを見たことあるのかは関係なくない?
命名規則や設計なんてcss覚えた頃からみんな当たり前に考えてるもんじゃん
なんでわざわざフレームワークなんて産廃だしてきたの? >>345
リセットCSSというのはブラウザのCSSを再設定して
ブラウザ毎に差異をなくすること。手法の名前
だからどのリセットCSSを使いましょうか?という話が出てくる
Normalize.cssというのはリセットCSS実装の一つで
有用なデフォルトのスタイルは維持して、それ以外の
問題になるものだけをリセットしましょうという方針で作られたもの
http://necolas.github.io/normalize.css/ のみを意味する >>346
> なんでわざわざフレームワークなんて産廃だしてきたの?
やっぱりお前の認識はずれてるなw
それとも世間は産廃だと思ってますよ
その前提のもとに話をしてますよねって
言うことにしたいからそういったのか?
まずこう言おうか?
「私はフレームワークは産廃だと思っています」と
そうすれば自然な流れだとして
なぜ産廃だと思っているのか?とお前に聞く流れになるだろ?
話を進めよう
なぜお前はフレームワークが産廃だと思ったのか?
Bootstrapは今も更新し続けられている有名なフレームワークの一つだ >>345
超超端的にいうと
リセットcssは
マージンパディングが0
限りなくcssに値がないようなプレーンな状態
ノーマライズcssは
各ブラウザで差がなくなるように調整した値[否0] >>348
あんなhtmlに、ましてタグ一個にあんだけclass振るなんて産廃以外のなにもの?
更新されようが今時使ってる奴なんているの?
有名なのもbootstrapプププ方面だよ? > リセットcssは
> マージンパディングが0
> 限りなくcssに値がないようなプレーンな状態
それはリセットCSSの一つで Universal Selector ‘*’ Reset と呼ばれている
https://cssreset.com/scripts/universal-selector-css-reset/
他のリセットCSSでも含まれているものが有るが
必ずしも0にする必要はない >>348
あと俺は一貫してscss推し基地、定義マン、フレームワークバカはこのスレにふさわしくないと思ってるからな
クリーンなhtml/cssで簡潔に質問者に答える、それがこのスレ。 >>350
おまえは本当に何の役にも立たないことしか言わないなw
言っとくが俺は最初からbootstrapはクソだって言ってるからな?
bootstrapのようにあんなにclassを多用するのはだめだ
俺のやり方ではclassは最小限であるって話をした所で
お前が、classを多用するやつなんて見たことないって言ったから
(俺が批判しているものの一つである)bootstrapを持ってきてやったんだろうが
でbootstrap使ってるやつ? 全世界で 16.7% 使われてるよ
https://w3techs.com/technologies/overview/javascript_library/all
お前、知らないこと多すぎだろ
それでよく勝ち目のない討論仕掛けたよなw >>352
誰もお前の思っていることを語れなんて言ってない >>353
討論する気なんてないし>>352なんでどっかでてってくださいっだけ、それ以外はほんと俺の非でかまわないんでどっかいってください 結局どっか言ってほしいがために、
無知な頭まで仕掛けてきたってわけかw
それでボコボコにされてりゃ世話ないな classを多用するもんなんか知らないと言っておきながら
classを多用するbootstrapを前から知っていたかのような
顔するのやめなよ? バレないと思ったかもしれないが
こうやって指摘されると恥ずかしいだろ?w >>353
あと誰かと勘違いしてるがおれはその話の中にはでてきたやつじゃないからな…classを多用するやつなんて〜は俺じゃないしこのスレは
scss!定義! マン1人
なぜかフレームワークをだしてくる1人
その他scssフレームワークはスレ違い派 多数
で進んでるからふたりがいなくなれは解決なんだよ 「でてってください」に答えると
出ていくことはありません。ってはっきり言っておこうか?
絶望したろ?w
出ていくことがあるとしたら俺が飽きた時ぐらい。
これからもHTML/CSSに関連はする話を続けます。 > で進んでるからふたりがいなくなれは解決なんだよ
少なくとも俺はいなくならないから解決しないってことだな この板で
sassやscssで検索してもスレないんだな…… あ、この板でかw
そりゃsassやscssはこのスレの担当だからね >>356
誤字で日本語不自由みたいだから書き直して >>364
このスレの担当じゃないから建てろって話でまとまっただろ記憶喪失か? >>365
え?もっかい書いて良いのかい?
結局どこかに言って欲しいがために、
無知な頭でバトルを仕掛けてきたってわけかw
それでボコボコにされてりゃ世話ないな >>366
どこでまとまった?
お前の意見以外でまとまったとみなせるような
レス教えて >>364で
> そりゃsassやscssはこのスレの担当だからね
sassやscssはこのスレの担当だとまとまりました >>367
まだ誤字があるからもう一回ちゃんと書いてください。日本語かけるよね? 「誤字」ですよね?じゃあ誤字である所を示してください
誤字以外は示さなくていいですよ。日本語わかるよね? 一応「誤字」の定義書いておくか。こいつが日本語読めるか知らんけど
https://www.weblio.jp/content/%E8%AA%A4%E5%AD%97
ご じ [1] [0] 【誤字】
あやまった形の文字。あやまって使った別の字。印刷物の誤植についてもいう。 あれ?
scss推し定義マンとフレームワークマンは別の人?誰を応援すればいいの? >>374
ありがとう!気づかなかったよ
じゃあもう一回書くね!
結局どこかに行って欲しいがために、
無知な頭でバトルを仕掛けてきたってわけかw
それでボコボコにされてりゃ世話ないな
感謝の気持ちでもう一回!
結局どこかに行って欲しいがために、
無知な頭でバトルを仕掛けてきたってわけかw
それでボコボコにされてりゃ世話ないな
さらにしつこく煽ってもう一回!!
結局どこかに行って欲しいがために、
無知な頭でバトルを仕掛けてきたってわけかw
それでボコボコにされてりゃ世話ないな >>374
> scss推し定義マンとフレームワークマンは別の人?誰を応援すればいいの?
お前ん中で自分の都合がいいように解釈すればいいよ
そうすりゃ安心感を得られるだろ? >>378
アンカー間違えたので訂正
ありがとう!気づかなかったよ
じゃあもう一回書くね!
結局どこかに行って欲しいがために、
無知な頭でバトルを仕掛けてきたってわけかw
それでボコボコにされてりゃ世話ないな
感謝の気持ちでもう一回!
結局どこかに行って欲しいがために、
無知な頭でバトルを仕掛けてきたってわけかw
それでボコボコにされてりゃ世話ないな
さらにしつこく煽ってもう一回!!
結局どこかに行って欲しいがために、
無知な頭でバトルを仕掛けてきたってわけかw
それでボコボコにされてりゃ世話ないな >>376
やっと気づいたか
宿題のように反復ご苦労様。
これで間違えることはなくなりそうだね
ちなみにボコボコってどこ?
いつのまにか攻撃先が変わってるんだけど俺参加し始めたの古代のCSSw云々あたりなんだよね >>382
> ちなみにボコボコってどこ?
IDでてないからわからんねw
少なくともbootstrapが使われていることを
知らなかったやつとか当てはまるね 同一人物か知らんけど、
classを多用する書き方があることを知らなかったやつも
俺がボコボコにしたやつの一人だろうな 俺を追い出そうとしたやつ
sassやcssフレームワークの話をしてるやつは
ボコボコにしたというより、俺を追い出せなくて
かわいそうに感じる人だな >283>304>327
>346>350>352
>355>358>365
>>384
はい、俺が書いたのこれ
タブってそうなやつ(文字直せとか)は省いた
で、どれだろ? >>387
じゃあお前はbootstrapが使われてないことを知らないやつだなって
ボコボコにしたやつ 兼 かわいそうな人だな。
いくら夢見ても俺が出ていくことはないよ? >>388
ん?
[bootstrapが使われてないことを知らないやつ]そんなやついたか? 現実がみじめなおじさん、標準規格のHTML/CSS質問スレで初心者の質問にスレ違いで非標準のsass/scssの話をしてマウントを取るの巻
なお現実のみじめさは変わらない模様wwww
理由はお察しwwwww >>389
いたな
> 更新されようが今時使ってる奴なんているの?
って書いてるしな。
使ってるやつは16.7%もいる >>391
日本語読める?
つ か わ れ て な い こ と を し ら な い や つ 全体の5/6なら
個人向けなら切り捨てるな
業務ならしぶしぶサポートか
どうでもいい話を続けるやつほど
現場では使えない >>394
お前何の話してるの?
言っておくけどブラウザシェアの話はしてないよ >>297
は?data-の話題そのままだがお前の脳内で勝手に分岐してんだろ >>397
これか
>>>167の、HTML5違反をして、独自属性をつけるって話?の箇所
>data-hogeでなく
”data-”の有無の話だな。後は知らん ダブルコーテーション全角って気持ち悪い…
"data-"無しの独自属性とか何考えてるのって思う 半角は元の書き込みとの区別とHTML的な意味から外すためだろ
何考えてるでなくその根拠の話だったぞ
終わってるのだからもういいよ >>397
分岐してるのは>>169だが?
え、見えない読めない分からない?マジ文盲ワロタwwwww
>>169の話題Bに対するレスを話題Aに対するレスと勘違いwww
日本語の読めたら勘違いしようがないレベルだがw
文盲じゃあしょうがないなwwww <div>
<button>ボタン</button>
<ul>
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ul>
</div>
この場合、divにtext-align:center とするとボタンが中央揃えになるのは良いのですが、
li内の「項目1」などの文字も中央揃えになります。
それは回避したいのですが、どうすれ良いですか? >>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>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ul>
</div>
等で適用する範囲を限定するのが自然かと
あとインライン要素を同じ階層で他の要素と並べるのもあまりよくない
なるべくブロック化しておくのがスタイルも適用しやすい
自動出力等でHTMLが変更できないとかでなければね 誰か>>401を日本語に翻訳してくれ
普通に継続してるようにしか見えんのだが >>408
他にもcolorなど子孫まで影響する場合としない場合と、少し経験積まないと確かにわかりづらい
子孫まで継承させるプロパティもあるが>>402とは逆だし使ったことない 続き
>>262
↓
>>263
↓
>>265
↓
>>266
↓
>>271
↓
>>297
dataの話?文盲wwww >>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とunko2つを話題にしていた
4. dataくん、>>169はdataに関してのみのレスだと強弁
5. dataくん、unkoの話題をしていたunkoくんにdataの話題で言いがかりをつけたことを認めず自作自演で火消し中。自称暇じゃないらしい>>265 こっちでもdataの話題してるけど、
また別の話なんだよなぁ
俺は関係してない 暇じゃないなら勘違いしてました、でごめんなさいしとけばよかったのに。
よっぽど暇かレスバトル体質なんだろうな。
暇な奴ほど暇じゃないアピールするよな。
その後の行動で自ら暇人ですとバラしていくスタイルw 昨日かおとといくらいから書きまくってる奴いるけどすげーな
一日中5chやってたのか
完全に中毒だな とりあえず自己顕示欲を満たしたいなら
ブログでアフィやったほうがいいんじゃね?
荒らすなよクソが というか昨日も書いたけどid表示がないから誰がどのレスを書いたのかがさっぱり分からない
そくこれで延々レスのやり取り出来るなと >>426
ボタン自体を中央寄せなのでそれは違う
>>432
普段誰とも喋らないから、相手されるのが嬉しくて仕方ないんだろう
引きこもりニートか、ぼっちの中学生ってところだろうな
関わるだけ無駄だぞ 自称暇じゃない引きこもりニートぼっち中学生って凄いな >>427
4は違ってる
data-なし違反根拠が論点なので、unkoでなくhogeであっても同じこと
もう1人がunkoに対して反応したのでただ同意しただけだろ
勘違いはしてない ■ このスレッドは過去ログ倉庫に格納されています