6/25 ナビゲーションのフロート
ライブビューでのブロック挿入
- 囲む＞選択したタグの親要素として挿入
- ネスト＞ 選択したタグの子要素として挿入
ナビゲーションのフロート
ナビゲーション内だけに指定できる様子孫セレクタで限定する
7/2 セレクタのおさらい
新規 article タグの内容がここに入りますグループセレクタ
- 複数のセレクタに同一指定
子孫セレクタ
- 特定の親要素のセレクタに限定
擬似クラスセレクタ
- 状態をセレクタに
box-sizing
- border-boxにするとwidthの値にpadding,borderを含まず簡単に指定できる
7/9 トップページデザイン
新規 article タグの内容がここに入りますbackground-repeat
repeat
タイル状に繰り返す
repeat-x
横方向のみリーピート
repeat-y
縦方向のみリピート
7/16 コーディングでの再現
数値化
- html/CSSで指定するには値の数値が必要
- XD等ではパネル
- PSではCSSのコピー等
- DWはドラッグでプレビューしながら再現可能
webフォント
フォントファイルをリンクさせたものをCSSで呼び出す
html
リンクタグでリンク
CSS
font-family
代表的なwebフォントサービス
- googleフォント
- Adobe Fonts
PC上に同じものがあればアプリでカンプ作成可能