CSS3 Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き ◆レスポンシブデザインについて レスポンシブレイアウト講義用PDF 「レスポンシブWebデザイン」とは、PC、タブレ… 続きを読む レスポンシブレイアウトと角丸のBOX
タグ: CSS
覚えておきたいCSSルール
px,pt,%,em 文字の大きさ 数値一覧表
グローバルメニューの【重要】に、「px,pt,%,em 文字の大きさ 数値一覧表」を追加しました。 http://it-b0007.planner-school.com/pxptem-文字の大きさ-数値一覧… 続きを読む px,pt,%,em 文字の大きさ 数値一覧表
フリーの高機能HTMLエディタ「Aptana Studio3」
clearfixでfloatを解除
[css] .clearfix:after { content: "."; /* 新しい要素を作る */ display: block; /* ブロックレベル要素に */ clear: both; h… 続きを読む clearfixでfloatを解除
まとめて書くことができるCSSプロパティ
元ネタはこちらから まとめて書くことができるCSSプロパティの8つのパターン 1. border まずはボーダーです。よく使いますね。 border-width … 線の太さ border-style … 線の種類 bo… 続きを読む まとめて書くことができるCSSプロパティ
8月8日 講義内容(金)- 実技(HTML・CSS基礎)7-
◆本日使用したプロパティと値 [cursorプロパティ(教科書/辞典P.359)] ◎cursor カーソルの形を指定するプロパティ ・default カーソルの形が通常の矢印の形になる [positionプロパティ(教… 続きを読む 8月8日 講義内容(金)- 実技(HTML・CSS基礎)7-
8月6日 講義内容(水)- 実技(HTML・CSS基礎)6-
◆本日使用したプロパティと値 [overflowプロパティ(教科書/辞典P.350)] ◎overflow ボックスの範囲内に内容が入りきらない場合に、はみ出た部分の表示の仕方を指定する際に使用 ・hidden はみ出… 続きを読む 8月6日 講義内容(水)- 実技(HTML・CSS基礎)6-
8月5日(火) 講義内容- 実技(HTML・CSS基礎)5-
◆疑似クラス(教科書/辞典 P160) 擬似クラスとは要素が特定の状態にある場合にスタイルを指定するものである ○要素名:link まだ訪問していないページへのリンク ※ほとんど使わない(aタグのみで指定する時と同じ) … 続きを読む 8月5日(火) 講義内容- 実技(HTML・CSS基礎)5-
有名サイトが使っている「id名」「class名」
全体を囲う要素に使えそうな名前 wrapper wrap page container all body box layout 上部の要素に使えそうな名前 header head top sitemast pagetop… 続きを読む 有名サイトが使っている「id名」「class名」