Tag Archives: Cssプロパティ

CSS 背景に画像を指定する!基本~実践まで

今回は、スタイルシートで、
背景に画像を設定する方法です。



Continue Reading

CSSの優先順位 セレクタの強さ

ブログのテンプレートや、
ワードプレスのテーマ
カスタマイズしようとCSSをいじっていると

?????
なんで、スタイル(CSS)が、反映されないの?!
と、思ったことは、ありませんか?

今回は、CSSの優先順位についてです!

セレクタについては、別記事『セレクタの種類と書き方』もご覧ください。

 

Continue Reading

CSSプロパティ line-height

・

今回は、【line-height】です。

一見地味そうに感じますが、押さえておくと、なかなか使えるプロパティです。


Continue Reading

CSS マージン【margin】の特性

マージン、パッディング、ボーダーを設定し、
「さあ、これでよし!!」
と、プレビューを見ると、ものすごい残念なことになっている……こんなことってあるよね?
どうも、あの三兄弟との付き合いは、難しい。

特に、マージン・・・・・・
なんで、私の言うこと聞いてくれないの!?
って、思ったことない??


と、いうことで、今回は、長男のマージン君の生態をちょびっと探ってみます!
え? なんで、長男かって? 一番外側にいるから!

 
Continue Reading

リストタグの余白やリストマークについて

・
 

リストの横並びメニューを作る上で、リストタグの特性を確認しておこうと思います。

また、メニューおあずけなのね……

すみません^^;



Continue Reading

flot(フロート)の解除は、やっかいだ!


 

あれ~? メニューは?

いろいろ考えたのですが、
フロートの解除の説明をしないと、ムリ!かと思いましたので、僭越ながら、先にそれをチョロっと……



 
Continue Reading

リストタグをインライン化し、スタイルを設定メニューをつくる

・

 
前回までのあらすじ。
ブロックレベル要素であるリストタグ。
彼らは、なにもしなければ、縦にしか並んでくれない頑固ものだ。
しかし、そんな彼らのプライドを挫くため、前回、こっそりと【display : inline】という魔法をかけた。
するとどうだろう……
【display : inline】をかけられた、リストタグらは、ヘニャヘニャと、どこにでもある、単なる一行文と化したのだった。
恐るべし、ブロックレベル要素のインライン化。可哀想に、思った管理人ルビは、インライン要素の特性を活かし、お洒落な(??)装飾をしてあげることにしたのだった。
リストタグの運命やいかに……


Continue Reading

2カラムのページを作ろう 6 メイン記事設定【overflow : auto;】で小窓を作る

今回は、フロートさせた、メイン記事部分の設定です。

【overflow : auto;】というスタイルを使って
こんな小窓を作成します。
動かしてみてね~~
 
 
 
 
 
 
 
 

 
Continue Reading

タグとか、IDとか、クラスとか……それって、いったい何ですか?

あっちでも、こっちでも、
タグタグタグタブって、言うけどさ……タグって、いったい何なの?
あと、IDとかクラスってタグと違うわけ?

ホームページを作成するうえで、色々調べていると、
ふと、こんな疑問を持ったことはないですか?

管理人もイマイチわかっておりませんが、
今回は、サクッとまとめてみました。

 

Continue Reading

float フロートについて

float(フロート)って、なに?

以前、ちょっとだけ書いた『フロート』の意味はこちらからどうぞ。
float(フロート)説明図
普通では、
横に並んでくれないもの。
例えば――――
divで作ったボックス、
メニュー用に作ったリスト……
これらを
横に並べてしまうのが、
float(フロート)という
魔法の呪文です。
因みにここ。今、まさに書いている部分も、フロートを使っています。
画像の横に、上から文字が並んでいるでしょ?!


 

Continue Reading