0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

100日後くらいに個人開発するぞ!day068

Posted at

今日はレイアウトを学んでみた!

image.png

今日の学び

CSSファイルの保存

  • rails generate controller home …コマンドを実行したときCSSファイル(home.scss)も自動生成される
  • CSSファイルは「app/assets/stylesheets」フォルダにある
  • 「scss」はCSSを拡張したものでCSSを効率的に書く文法も使用できる

画像を保存する方法

  • 画像はpublicフォルダに配置しておくと<img src="/画像フォルダ名" >」や「background-image: url("/画像フォルダ名");のように画像名を指定するだけで簡単に画像を表示することができる

URLを変更する方法

  • 後ろに/○○がないURLに対応するルーティングは、get "/" => "コントローラ名#アクション名"というように、URLに"/"を指定することで可能

リンクを作成する方法

  • ルーティングのURL部分と同じURLを<a href="URL">で指定する
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?