-
- いいね！0
よしこ
@yoshiko_pg
本日です、会場は3Fですのでお間違いなく！ 第5回 W3C CSS Module 仕様書もくもく会@東京 tokyo-css-module-specs.connpass.com/event/26890/ #tokyocssspecs
2016-02-16 19:25:08
よしこ
@yoshiko_pg
今日はボックスモデルの仕様書を読みます #tokyocssspecs momdo.github.io/css2/box.html
2016-02-16 20:00:13
よしこ
@yoshiko_pg
いきなりこっちが気になりだす #tokyocssspecs 視覚整形モデル momdo.github.io/css2/visuren.h…
2016-02-16 20:09:27
よしこ
@yoshiko_pg
「とあるボックスがその子孫に対する包含ブロックを"設置する"」という表現を学んだ #tokyocssspecs 設置するといっても、そのボックス自身が包含ブロックになる
2016-02-16 20:21:54
よしこ
@yoshiko_pg
> ボックスレベル主要ボックス > ブロックレベル要素 > ブロックレベルボックス > ブロックコンテナボックス > ブロックコンテナ要素 > ブロックコンテナ > ブロックボックス > ブロック 😇 #tokyocssspecs momdo.github.io/css2/visuren.h…
2016-02-16 20:30:00
よしこ
@yoshiko_pg
これそれぞれ明確な定義があるっぽいんだけど頭のなかで整理できてなくて先の読み進めがつらい #tokyocssspecs twitter.com/yoshiko_pg/sta…
2016-02-16 20:31:55
よしこ
@yoshiko_pg
なんか「要素」と「ボックス」が違うっていう感覚がいまいちつかめない、要素によってボックスが生成されるというのはなんとなくわかるんだけど、でもイメージの中で同じものになってしまう #tokyocssspecs
2016-02-16 20:36:49
もんど
@momdo_
これ貼っておきますかね（途中まで*は*あってる）／みてる：CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ webdesignrecipes.com/css-blocklevel… #tokyocssspecs
2016-02-16 20:45:30
よしこ
@yoshiko_pg
（やばい途中からページ取り違えて視覚整形モデルのほう読んでたことに気づいてなかった）（なんかやたら難しいと思った） #tokyocssspecs
2016-02-16 20:49:48
もんど
@momdo_
要素はHTML（CSSではSGML用語の）要素であって、それ以外の何物でもない。デフォルトUAスタイルシートのことは一旦脇に置くとわかる（かもしれない） twitter.com/yoshiko_pg/sta… #tokyocssspecs
2016-02-16 20:53:51
よしこ
@yoshiko_pg
非置換インライン要素の非置換って何だっけ・・・って毎回なる 置換インライン要素＝属性などによって寸法の認識が変わる要素（img, input等）で、それ以外のインライン要素が非置換インライン要素 #tokyocssspecs w3g.jp/css/guide/targ…
2016-02-16 20:55:16
よしこ
@yoshiko_pg
（マージンの）割合は、生成されるボックスの包含ブロックの幅に関して計算される。これは'margin-top'と 'margin-bottom'にも当てはまることに注意する。 これ利用したCSS比率固定 yoshiko-pg.github.io/slides/2015083… #tokyocssspecs
2016-02-16 20:58:19
もんど
@momdo_
というかCSS2の8～10章ってどう考えても行ったり来たりしないと理解できないのがより読みづらくしてるよね… #tokyocssspecs
2016-02-16 21:01:33
越智
@otiext
本日はChromeとSafariで特定のborder-styleにborder-color: currentColorだと色がつかないバグがあるということを学びました。 jsfiddle.net/9sg0h8my/
2016-02-16 21:07:54
よしこ
@yoshiko_pg
> 要素のボーダーの色がborderプロパティーで指定されない場合、ユーザーエージェントはボーダーの色の算出値として、要素の'color'プロパティーの値を使用しなければならない。 これ前 @GeckoTangさんのスライドで知ってへぇーってなった #tokyocssspecs
2016-02-16 21:12:45
よしこ
@yoshiko_pg
border-styleのgroove, ridge, inset, outsetの色って仕様書で決まってなくてUA依存なんだー 仕様書では「あたかもキャンバスに彫られたかのように見える」ってことだけ定められてる・・・文学的・・・ #tokyocssspecs
2016-02-16 21:19:37