positionプロパティのabsoluteとrelativeにはどんな違いがあるのか

 要素の配置を指定するプロパティである position ですが、ネットではなんだかわかりにくいとの声が結構聞こえてきます。私も同様に感じていたので、気合を入れて調べてみました。最近ではレスポンシブデザインにも多用されているようなので、避けては通れません。結論を先に言ってしまうと、親:relative・子:absolute の組み合わせと fixed、このふたつを理解しておけばいいのでは? …[続きを読む]

HTML5でブロック要素・インライン要素による分類が廃止された件

 HTML4.01 では要素はブロック要素とインライン要素のいずれかに分類されていましたが、 HTML5 ではコンテンツモデルによって要素を分類するように変更されました。今まではインライン要素のなかにブロック要素を置いてはいけないというルールがあり、HTML 経験の長い人であれば感覚的に何をどこに入れてはいけないかわかっていると思いますが、これがカテゴリー・コンテキスト・コンテンツモデルによってより明確に定義されることになりました。 …[続きを読む]

ブログにシンプルな表を作ってみる

 データを並べて説明するためには表が欠かせません。エクセルで表を作ってスクリーンショットを画像として貼り付けるほうが簡単ですが、記事を読みにきてくれたユーザーが見やすいようにがんばって設定してみました。シンプルですけど。 …[続きを読む]

直下の子要素にだけスタイルを指定するCSSセレクタの書き方

 広告の画像を横に並べて表示しようとスタイルシートを書いていたのですが、DIV タグに class 属性を付けずに手を抜こうとしたところ、後になってどのように CSS セレクタを記述したらいいのかものすごい悩んだ、というしょうもない話です。クラス名とか関数名とか、いっつも悩むんですよ。 …[続きを読む]

登録フォームでよく見るプルダウンメニューの使い方

 複数の項目からひとつを選ぶときに使うプルダウンメニューは、やることはラジオボタンと同じなのですが、場所を取らずにすっきりとしたレイアウトに仕上げることができます。立ち上げたばかりの超弱小な当ブログにはあまり関係ありませんが、何年もの間ブログを運営し続けると、アーカイブが数十行にもなってしまい、 …[続きを読む]

簡単だけどWordPressのデザインに統一感をだすリンクの装飾

 WordPress でテーマを自分で作ったとき、がんばってデザインを考えたのにリンクの色などが気に食わない場合にお役に立ててください。最近は CSS を使ってかっこいいアニメーションなどで装飾したりする場合も多いでしょうが、今回の方法ならかなり簡単にカスタムできます。 …[続きを読む]

Si prega di attivare i Javascript! / Please turn on Javascript!

Javaskripta ko calu karem! / Bitte schalten Sie Javascript!

S'il vous plaît activer Javascript! / Por favor, active Javascript!

Qing dakai JavaScript! / Qing dakai JavaScript!

Пожалуйста включите JavaScript! / Silakan aktifkan Javascript!

TOP