Please enable JavaScript.
Coggle requires JavaScript to display documents.
HTML/CSS (<head> (<meta name="description"…
HTML/CSS
<head>
サムネイル情報がある
スマホサイトとの切り替え
検索ソフトに情報提供
<title>
<meta name="description" content="....">
description
検索エンジン表示用
文字数は200文字くらい？
content
文章
トップページだけでOK
<meta Charaset"UTF-8">
OGP
Facebook向けの情報
<meta property="og:title" content"..."/>
http://ogp.me/
ビューポート
ブラウザに合わせてくれる
CSSを覚えてから
タグを覚えよう
<meta>
キーワード メタ情報
<img>
画像
<a>
リンク
アンカー
<p>
段落
aaa
CSS3
アニメーション使える
ブラウザ依存でデザインがちょっと変わっちまう
アイコンなど簡単なデザインもできる
アイコンは画像出なくてもOK
ベンダープリフィックス
-webkit-*
優先順位
同じタグのプロパティをつけた場合
CSS内
後が優先
HTML内とCSS
HTMLが優先
ポイント計算している
サイズ
px
%
親要素の○％
em/rem
基準より○倍
0.5em
属性 セレクター
★id
"#" 名前
主キー
一回しか使わない
★class
h3.クラス名
★タグ名を省くと全てのクラス名に適用できる
複数回利用する
主流
リセット
各ブラウザの初期CSSをリセット
HTMLの箇条書きとかも消えちゃう
ノーマライズ
nomalize.css
調和/ちょうど良いバランス
文書構造のみ
タグ＋属性