08/25｜CSS基礎

/ 25

- CSSの概要と記述

f:id:tk3m:20140901224429p:plain

　文字サイズと書式の設定

　文字色の変更

- カラー変更

<style>
h1 {　　　　　　←　何に情報を記述するかの指定。 (左はh1)
  color:red;　　　←　{}括弧内に情報を記述していく。
}
</style>
</head>

<head>~</head>内に<style>タグを記述

—
- 背景色とサイズの設定(1)

f:id:tk3m:20140901224600p:plain

- 文字と余白の設定

　padding: 上, 右, 下, 左, の順に入力する。

　　 padding　→　文字だけ動く
　　margin　→　点線など全体が動く

　　特に個別指定が無ければ「 margin 」で指定

- [単位] emとpxの違い

　1.0em　=　1.6px　[１文字空ける]

—
- 背景色とサイズの設定(2)

f:id:tk3m:20140901224446p:plain

—

- 背景色とサイズの設定(3)

f:id:tk3m:20140901224455p:plain

—
- 背景色とサイズの設定(4)

f:id:tk3m:20140901224507p:plain

—
- aiでロゴマーク模写

f:id:tk3m:20140901224546p:plain

　aiの機能を活用 [ペンツール,リフレクトツール,切抜きツール等]

でざいんとうぇぶ。｜WEB学習