【CSS】超便利!Chromeで「要素の検証」Profile大体「ティリア」的な名前でもろもろ出没してます。ソシャゲでもネトゲでも!PCのオンゲはもうほぼやってません。ほか面白そうなのあったら誘ってちょ。́・ω・`)このブログについてすげー面白いのに回り誰もやってないゲームとか、ぐぐってもwikiがないとか悲しくなるよね。実際やってる人の記事みたらすごい嬉しいよね。僕はそういうマイナーなゲームを攻略するのだ。:CSSどうもぼくです。CSSって触り始めると大変面白いよね。CSS触ってて・どこの数値を変えれば思ったように動くのかわからない・変えてみたけど思うようにいかないそんな悩みを一発で解決するChromeの裏ワザを教えてあげようとりあえず基本的な部分だけ。要素を検証これだけ!簡単やね!!!次から詳しいみかたを。■要素の検証のみかた開くとこんな感じになるはず。この要素の検証って何かっていうと、ざっくり言うとWebページのHtmlやらCSSを表示してくれるっていうもので「右クリック押したタイミングの要素」に最初からフォーカスしてくれるっていう優れもの。青い部分が右クリックした要素の本体、緑がpadding、もしmarginがあればオレンジで表示。この画像の場合はオレンジなしの緑が上に入っているので、paddingが入っているってことがわかります。この段階で「わかりました、緑なのでpadding変えればいいんですね」ってってわけなんだけど...じゃあ何pxに指定すんのがええんか。id="main-stripe">っつーのが問題の範囲ってことね。0;ってなってるのがわかるかと思います。※黄色のびっくりマークは「CSSの記述間違ってるで」っていう警告で、これがついているものは反映されていないってわけです。0;にしてみるひろくなったねこんな感じで数値調整が凄くやりやすくなります。id="main-stripe">のwidth:100%;を50%にしてみるとこんな感じでプレビューできるってわけすごい!firefoxだとfirebugっていうので似たようなのできるよ。