「 CSS 」 一覧

bootstrap 今日から何回かにわけてCSSフレームワークであるbootstrapの使い方について書いていきます。 bootstrapの特徴 レスポンシブデザインのサイトを簡単に作れる 通常レスポ …

CSSで吹き出しをつくる 前回こちらの記事で三角形をを作る方法をみていきました。 今日はその三角形を使って吹き出しを作っていく方法をみていきます。 ベタ塗りの吹き出しをつくる 吹き出しは四角形と三角形 …

CSSで三角形を作る 今日はCSSで三角形を作る方法についてみていきます。 三角形を作ることは結構あるんですが、その度にいちいち調べて書いてたので、 本質を理解する＋それでも忘れちゃった時用の備忘録と …

FlexBox 今日の今日まで存在をしらなかったFlexBox レスポンシブデザインを作る時にとても便利そうなので使い方を調べてまとめてみます。 最初に設定方法です。 FlexBoxはFlexBoxコ …

メニューを作る よくヘッダー領域にグローバルナビゲーションが配置されていますが、そのナビゲーションの作り方を今日は見ていきます。 幅500pxのコンテンツ領域に4つのナビゲーションメニューを設置すると …

2カラムレイアウトをつくる 2カラム・3カラムのレイアウトを作る場合によくfloatが使われます。 今回はmainのcontainerの中にleftとright2つの領域を作っていきます。 <! …

今回からはレイアウトを整えていく方法について勉強した内容をまとめていきます。 reset.cssとnormalize.css WEBの勉強を始めた当初、htmlとcssを用意してブラウザに反映させてみ …

ベンダープレフィックス CSS3で用意されているプロパティはブラウザによっては実験的に使われているものという認識でサポートされていない場合があります。そのため、Chromeでは反映されるけどSafar …

背景画像を複数設定する 昨日の記事でbackground-sizeについて書きましたが、本日は背景画像を複数設定する方法について書いていきます。 といっても、実際にすることはbackgroundにカン …

擬似クラス 先日擬似クラスについて書きましたが、まだまだ種類があるので、 今日はある子要素のうち特定の順番にあるものを指定する擬似クラスについて書いていきます。 ここでは下のhtmlを利用して説明して …