html5_and_css3's profile picture.

html5&CSS3

@html5_and_css3

コピーライト <small>&copy;2000-2014 Dummy Co.</small>


ボタンの文字を画像に置き換えるテクニック ・テキストは、普通に設定 cssのoverflow:hidden; text-indent:100%; white-space:nowrap; で、テキストを非表示にし、同じ文字が書かれた画像をbackgroundに表示。


CSS list-style:マークのスタイル 画像 表示位置 (順番はこの通りで指定する?)


caption要素 table要素の最初に入れる tableの説明を記述


a要素の疑似クラス :link 未訪問 :visited 訪問済 :hover マウスオーバー :focus 選択状態 :active クリック →順番を、この順に記述しなければならないルールらしいので注意する


よく使われる画像の形式 jpg 1670万色 透明使用不可 写真、色数の多いもの gif 256色 透明使用可 ロゴ、色数の少ないもの png-8 256色 透明使用可 ロゴ、色数の少ないもの png-24 1670万色 透明使用可 画質を落としたくないもの


フォントの絶対サイズ xx-large:2倍 x-large:1.5 large:1.2 medium:1 small:0.9 x-small:0.75 xx-small:0.6 ※標準の文字サイズは、主要なブラウザでは16pxくらい?


相対単位(環境に依存する長さ) em[エム]:1文字分の長さ ex[エックスハイト]:小文字xの高さ px[ピクセル]:画面上の1ピクセル %[パーセント]:親要素の長さに対するパーセンテージ rem[レム]:ルート要素のサイズを1とした時の倍率


tr=table row th=table header td=table data trにthかtdを入れる


文書の基準となるURL <base href="base.html">


html5のテンプレートその1("ja"は日本語の意味) <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html>


段落 p要素 長すぎず、短すぎない心がけ


絶対単位 in[インチ]1in=2.54cm pt[ポイント]72pt=1in pc[パイカ]1pc=12pt


nav要素 ナビゲーションをマーク 中身はリスト要素で構成する


字下げ 行の頭の文字だけ1文字下げたい時など text-indent:1em;


CSSの基本ルール セレクタ{プロパティ:値;}


tdには、通常のマークアップされた文章(フロー・コンテンツ)を入れることが出来る。 セクショニング・ルートと呼ばれる。 blockquote,body,details,fieldset,figure等も同様


<h1>Webページの主題</h1> <h2>h1にぶら下がったセクション</h2> <h3>h2にぶら下がったセクション</h3>


リストのマーク CSSで指定 ul { list-style-type:square; }


html5のDOCTYPE宣言 <!DOCTYPE html>


Loading...

Something went wrong.


Something went wrong.