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 うむ、RSCSSっていつから有るんだと思ったらgithubのリリースからすると
2015年2月っぽいちょうど俺がHTML/CSSを触らなくなった頃か
俺がOOCSS(2012年ごろ?)を聞いたときはなにクソな設計思想だなって
おもって、それを踏まえたBEMとかでてきて、
本来は既存のフレームワークを使いましょう派である俺だが、
俺のやり方とは真逆だ、ムキーって思っていたら
同じ方向性のRSCSSってのが出ていたんだな。
RSCSSはVariantsとか命名規則に少し違いが有るようだが、
俺がそれまでやっていたやり方と近いようだ。
これなら採用しても良いかも
ってか、クラス名ハイフンで初めてOKだったのかよw
俺はこれをstateと呼んでいて、is- をプリフィックスとして
使いましょうって命名規則にしてたわ
ElementsとかNested componentsとかLayoutsとか
なんとなく区別したほうが良さそうだが、そこまでいるかー?って考えで
逃げていたのがちゃんと書いてあって参考になるわ >>304
え?idに一個一個振るとかいう古代のCSSの話じゃなくて
OOCSSとかBEMとかの話なんだけど?
で、お前これらのフレームワークを見たことなかったんだよね?
それは認めないとw >>303
はい、ぜひともそれやってください。
そうすれば俺の書き込みが見えなくなるので
くだらない反論もしてこなくなります。
俺だけの意見が残って万々歳ですw >>307
ここはあなたの意見を残すスレではありません。
HTML/CSSの質問に答えるスレです。 >>296
それ違うよね?
誰も古代のCSS設計を紹介しているサイトのURL貼ってなんていってないよね?
俺が言っているのは、
全て1つ1つクラス指定をしている、実際の具体的なサイトのURLを貼ってっていってるんだが。
わかってるよね?
無かったんだよね? 後出しですが質問です。classは要素ごとに細かく書いたほうが良いのでしょうか?
あとBEMやOOCSSなどのCSSフレームワークと
sass(scss)について教えてください。
HTMLとCSSに関係がある話だと言うことは分かっています。 >>309
OOCSSやBEMは古代じゃないよ?
まずそこが分かってない。
そして具体的なサイト?
公式サイト見ればいいじゃん。
そういうフレームワークを提唱しているサイトが
自分で使ってないわけないんだから
そんなことにも気づかなかった?
あ、そうか、そういうフレームワークを提唱しているサイトで
使われていることがわかったから「古代のCSS設計」のみに
限定したんだね。卑怯だなぁw
で、OOCSSやBEMのサイトみてきてよ >>312
わざとだよw 今度から自分の意見を書くときは
質問を書こうかなと思ってねw >>311
おいおい・・OOCSSやBEMの話なんてしてないし、
そのあんたが紹介したサイトが「古代のCSS設計」ってタイトルだからそう書いたんだが?
具体的にそのサイトのソースのCSS記述も見たけど
おもいっきりタグで指定してますが?
html body .content-outer {
クラスだけで1つ1つ指定しているサイトではありませんよね?
公式サイトって具体的なそのページのURLで示してよ
今見たページはクラスで全て書いてなかった。タグ指定で書いてたから。 sass君がやたら凄い勢いでカキコしてるな
気持ちの動揺が隠しきれなくなったか >そのあんたが紹介したサイトが「古代のCSS設計」ってタイトルだからそう書いたんだが?
何を見てるんだ? タイトルだろ? <title>タグみたか?
見てないにしろページの一番上には
「OOCSS、BEM、SMACSS、FLOCSS、RSCSSを比較して自分にあった設計思想をみつける」と
書いてあって、これがタイトルだが?
でお前は、どの部分だけしか見てないって?
「古代のCSS設計」の部分しか見てないって?
ページの途中にある<h4>でしかない「古代のCSS設計」が
タイトルだって思ったって?
他にもある<h4>のOOCSSやBEMは見てなかってって?
そういいいたいのかな? ちなみにBEMとか命名規則の手法が話題になったのってかれこれ3年以上前だぞ てか真面目な話これは本当に良くないよ。
シンプルにスレ違いなんだって。
質問スレでなんだこの横暴…
自治で解決出来ないならダメ元で規制依頼でもしてみます? >>317
うん、見てなかった。タイトルの件は間違えたよ。うん。
で?
おれは結局どこのソースをみればいいの?
どこでクラスだけで全て記述されたサイトがたくさん確認できるの?
そのURLを早く貼ってよ 少なくともそのサイトの人はOOCSSなんかと比較して
「古代」と言ってるわけで、それぐらい読み取れないとダメだよね クラスだけ(まさかHTMLなしって意味!?)で
全部記述されたサイトというのが何を求めてるのか知らんが
bootstrapはOOCSSの設計が使われてる、クソなフレームワークの一つだね
ほらHTMLを見て!あんなにたくさんクラスが書かれてる
メンテナンス大変そうw >>323
クラスじゃないですが?
body {
margin: 0;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff;
}
a {
color: #007bff;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
} >>325
言うと思ったんで、じゃあ>>264を振り返りましょうか?
> リセットCSS的な用途を除き、HTML要素に直接スタイルを
> 割り当てるのはだめだけど「あるclassを起点にする」ならば
はい、すでに反論済みです。それはリセットCSSです >>306
え…oocssとかbemってのは命名規則に基づく設計思想?であってフレームワークじゃないよね?フレームワーク使ってるかどうかなんて関係なくね??
またマウント脳?
しかも設計思想?の話だったら古のcssから続く話だからあってるよ??
日本語大丈夫? 俺が言ってることをすり替えてきそうな
流れを感じるので
>>228で俺が言ったことを再掲しておきますね
> 名前は必要なところだけ付ければ良い。どうしても必要なところだけclassをつける。
> そのclass以下にある要素はHTMLタグで区別できるならそれでいい。
> あるclassを起点にしてHTML要素の構造にスタイルを適用していく
> そうするとHTMLは凄くシンプルになる。 >>327
だからOOCSSという設計思想を使ってるフレームワークである
bootstrapを出しましたよ?
ここまでで何か問題が? >>331
リセットってのは初期化する事
デフォルトのスタイルを「無効化」する事 >>327
> しかも設計思想?の話だったら古のcssから続く話だからあってるよ??
それ日本語になってない。
誰かほかの人、こいつが何を言いたいかわかるか?
わかった人は答えてくれ(多分いないから) >>333
リセット
re - set
再 - 設定
初期化はformatやinitializeだし
無効化はdisable
英語のレベルで間違ってるぞw 話それるけど
> リセットの意味もわかって無さそうだね
こういうレスする理由わかっただろ?
なぜ自分の意見を言わないのか。
自分の意見に自信がないから、
それは間違ってる(だけど正しいことは言わない。自分が間違ってることがばれるため)
という言い方をするんだよ
こうやって>>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;
} ■ このスレッドは過去ログ倉庫に格納されています