2017CSSとは?初心者は何を考えるWEBページを作成する上で理解が必要なCSSだが、そもそもCSSって何なの???という状態の解消から、これ便利なんじゃない?にいたるまでどんなページをみて、どんな理解をしたのかをずらずらずらとメモしていこうかなと。私はそもそもイメージが沸かないと頭に入ってこない場合が多数。検索→説明文ヒット→いまいちイメージつかない→そもそも全体像は?(全体の中の役割は?)と実際なっていたので次に検索して理解しやすかったのはコチラ↓http://www.cyber-concierge.co.jp/pc_tama/css/css.htmlこれをみると、なるほどそうか、それぞれが役割もってがんばって表示させているんだなとなんとなく理解。HTML:WEBページの枠組みとか構造CSS:色とか文字の大きさとか装飾Javascript:クリックしたらどうとか複雑な動きここまでくると、じゃあようやくCSSのできることできないこと云々かんぬんに進める状態。WEBページを装飾していく中でCSSでできることは何だろう???CSSでできることリスト↓http://www.htmq.com/style/index.shtmlCSS3でできることリスト↓http://www.htmq.com/css3/index.shtmlここで出てきたCSSとCSS3。初心者を悩ませるこのバージョンの違いは何なんだ、、、という疑問を抱いてしまい、やっぱり検索。(=書き直す必要がない)2HTML5とセットではない3今すぐ使えるふむ。1と3から分かることはCSSとCSS3は別物という考え方ではなく、追加でできること増えましたっていうことですね。(2についてはまた話が膨らむのでまた別記事で)ってことは!基礎を学ぼうと思えば、CSSで検索ヒットした内容をみていけばよいとすっきりしました。初心者ってどの情報が正しいかの判断がまずつかないのが勉強方法難しいところだなあ。CSSの基礎ってなんだろう?まずは書き方かな。文法とそれぞれの意味を知らなくては読み解けないから、、、http://www.d3.dion.ne.jp/~tiyoko01/style/style3.htmlセレクタと属性と属性値なるものを書けばよい。装飾する範囲と範囲のどの部分をどうするかを書けばよい。これで大体読み解けそうだなってとこまでこれました。実際に反映させてみたい。そのほうが手っ取り早い!ということで、どうやってHTMLのベースのところにCSSの装飾を反映させるの?ってなるんだけれども反映のさせ方は種類があるようなのでまた検索。http://qiita.com/kikako/items/580039de452de909d82d3種類かあ~。それぞれにメリデメがあるみたいだけれどそれはまあ追々。今回はhtmlファイル1つとCSSファイル1つ作成して、htmlファイルに外部ファイルとしてCSSファイルを読み込ませる。して文字コードをUTF-8にして保存。次に新しくメモ帳をひらいて、htmlファイルで読み込ませたファイル名と同じ名前(style.css)のCSSファイルを作成して保存。royalblue;}保存したhtmlファイルをクリックして実行すれば、CSSファイルの内容が反映された背景の色が青い文字が登場します。ここまででCSSについての理解は大体できました!あとはどんなことできるのかなあ~~~~~ってわくわくしながら調べてサンプル作っての楽しい時間です。編集トップへ戻る閉じる。