これはプログラミング初心者がRuby on Railsの勉強をしていく記録です。

◇ この記事で勉強しているサイト

◇ 前回までの記事一覧

チュートリアルの続きから！

スタイルシートを適用する

今回はcssファイルを作るようです。

CSSはwebページの見栄えを良くするためのプログラミング言語ですよね。
名前は聞いた事があります。

 ↓ CSSの書き方についても分かりやすかったので参照しました。

cssファイルってどうやって作るんだ？と思いましたが、テキストエディタでコードを入力し.cssで保存するだけとのこと。

 ↓ 参照

保存する場所が大事みたいなので、まずは新規作成してみます。

appフォルダーを開き、

ちなみに最初の状態はこれ。

このapplicationというファイルのおかげで、ここに入れたcssファイルの全てをアプリケーション全体に適用することができるようです。

 ↓ 参照

やってみます。

書いてある内容を確認してみます。

まずCSSの基本文法はこんな感じらしいです。

そして練習コードで出てきているプロパティはこんな感じ。

 ↓ 参照（プロパティ一覧）。後述のカラーコード表へのリンクもあったので便利そう。

 ↓ 参照（マージンとパディングについて)

色は「英語の色名」か「カラーコード」で指定するそうです。
カラーコードは#と6ケタの英数字で書くそうで、今回出てきた#339は#333399のことみたいです。

ブラウザ画面で見てみます。

今回はこれでおわりです！
CSSの勉強も一緒にできるとは。楽しいですね。
最終的には色々デザインを変えて遊んでみたいと思っています。
続きもがんばるぞ！