beginnerの検索結果

CSS borderプロパティについてのまとめ

CSS borderプロパティについてのまとめ

CSSで枠線を指定する場合にこのborderプロパティを使うわけなんですが、指定の記述方法はいろいろあるわけなんですよ...。

自分は「border」で一括指定か。「border-top」「border-right」「border-bottom」「border-left」の上下左右個別に一括指定する方法しか使いませんので、今回はこの方法で説明したいと思います。
(これが一番記述が短くて済みますし楽だと思いますよ)

CSS backgroundプロパティについてのまとめ

CSS backgroundプロパティについてのまとめ

今回はCSSでもけっこう使う頻度の高いbackgroundプロパティについて書いていきたいと思います。

CSSをまだ勉強中の人とかとくに「background-color」「background-image」「background-repeat」は使えると思うですけど、や「background-position」を案外使いこなしていなかったり、「background-attachment」については知らないって人ってけっこういるような気がします。「background-attachment」は実際にほとんど使わないですけどね;

まぁーそんな感じでbackgroundプロパティの解説に移りますねぇ~

IEでfloatさせたボックスのmarginが倍くらいになる対処方法

CSSレイアウト初心者が一度は経験するであろう。このIE6でfloatさせたボックスのmarginの解釈の違いだと思います。

よくIEだけが右カラムが落ちてる...っての聞きますが、殆どの場合がpaddingで指定すれば解決出来る問題なんですよね。

それでは具体的な対処方法を解説していきたいと思います。

CSSで中央配置(センターリング)する方法

CSSで中央配置(センターリング)する方法

CSSで中央配置の仕方をちゃんと理解していない人って案外いるみたいなので、詳しく解説しようかなーって思います。

div要素のようなブロックレベル要素をセンタリングするには「text-align」は使いません。「text-align」プロパティはインライン要素の位置揃えを指定するためのものですよ。

正しいマークアップの為に

CSSばかりに力をすぎて、ついつい怠ってしまっている人ってまだけっこう多いと思うんですが、ちゃんとxhtmlでマークアップもちゃんと出来ないと駄目だと思うですよね。
なので今回は初心に戻ってタグの本来の意味をまとめてみました。

プロとして恥ずかしくないスタイルシートの大原則

以前プロとして恥ずかしくないWEBデザインの大原則を紹介したんですが、自分が一番読み込んだシリーズがこのプロとして恥ずかしくないスタイルシートの大原則です。全然CSSが知らない時に読んだのですが、凄くわかりやすく本なので、これからCSSを勉強しようとしてる人には凄くお勧めです。

CSSレイアウト 実践講座最終回 main要素

CL company

今回で実践講座最終回です。

記事を見返してみれば、説明不足の所もあったような...
もし気になった所があった時はコメントでも下さい。

最終回main要素と指定しているコンテンツ部分です。

CSSレイアウト 実践講座5 sub、footer要素

CL company

前回のエントリーでheader、globalNaviの中身の要素を作ったので、今回はsub、footer要素の指定をしていきたいと思います。

今回もcontents.cssに記述していきましょう。

CSSレイアウト 実践講座4 header、globalNavi要素

CL company

前回のエントリーで全体のレイアウト作りを行ったので、今回から細かい内面的のレイアウト作りをやっていきたいと思います。

今回からはサンプルに入っているcontents.cssに記述していきましょう。

CSSレイアウト 実践講座3 全体のレイアウト作り

CL company

前回のエントリーでデフォルト設定とベースの設定を行ったので、今回は全体のレイアウト作りをやっていきたいと思います。

今回はサンプルに入っているlayout.cssに記述していきましょう。

CSSレイアウト 実践講座2 デフォルト、ベースの設定

CL company

前回のエントリーに引き続いて今回から具体的に実践に入っていきたいと思います。

CSSレイアウト 実践講座1

CL company

CSSレイアウトを覚える一番の近道は実践で経験をつむって事が一番だと思うですよね。

なので、実際にありそうなサンプルサイトを作ったのでこのサイトをこれから作っていきたいと思います。

ブラウザスタイルの初期化する為のデフォルトCSS

ブラウザによってデフォルトのフォントは異なります。

それを統一させる為にもCSSで一度デフォルトをかける必要があるんですよね。

今回は今、自分が普段使っているデフォルトCSSをあげておきます。

http://css-lecture.com/template/distribution/default.css

CSSレイアウトの基本 3カラム

3カラム

前回2カラムのレイアウトの解説したので、今回は

←このような3カラムのレイアウトの解説をしようと思います。

CSS レイアウトの基本 2カラム

2カラム

←このようごくごく普通の2カラムのレイアウトの解説をしようと思います。

基礎をしっかりと押さえてないと、応用なんて出来ないですからね。

自分の経験を生かしてレイアウト崩れがおきにく用な組み方をしたいと思います。