by shigemk2

当面は技術的なことしか書かない

2012-05-26から1日間の記事一覧

CSSで吹き出しを作ってみよう

CSS

普通に画像を仕込んでもよさそうなものですが、 敢えてCSSで吹き出しを作ることに挑戦してみた。こんな感じのHTMLがあったとしましょう。 <html lang="ja"> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="example2.css"> <title>Hoge</title> </head> <body> <article class="hoge"> <p>おはぎ</p> </article> </body> </html> そしてこのようなCSSを…

display: inlineで余白が出来る

CSS

Fighting the Space Between Inline Block Elements | CSS-Tricks <ul> <li>サンプル</li> <li>サンプル</li> <li>サンプル</li> <li>サンプル</li> <li>サンプル</li> </ul> 横並びにしたいときはdisplay: inlineをやると、 li同士に空白が出来るときがある。これの対策として、 li同士で改行しない を改行する li…

HTML5をコーディングするときのいくつかのTips

headerとfooterについて 1つの文書にheaderとfooterはそれぞれ1つだけあればよい。 (headerとfooterが複数あっても文法上問題はないのだが) header, footerの中にdivやsectionで囲むのは問題ない。 sectionの外をdivで囲むのも問題ない。なお、文書のサマリ…