5. CSSの適用と画像の表示
今回の目的：「買い物メモサービス」のトップ画面を整えること。
CSSを適用しよう
publicフォルダの中にcssファイルを作成します。CSSを適用したい場合は、 EJSファイルでpublicフォルダ内のパスを指定します。
CSSを適用するには（1）
新規指定フォルダを作る。画像・CSSを入れるため
point
新規フォルダへ入れるためのコードとは？
app.use(experss.static('ここに新規フォルダ名を入れる')));
このように書く
ここでの重要なポイント
ExpressはNode.jsでWebアプリの開発をするためのフレームワーク
Express はファイルの場所を指定する必要がある。だから上記のように書く必要がある。
このように覚える。
CSSを適用するには（2）
EJSファイルでフォルダ内のpassを指定するには/（スラッシュ）を用いるフォルダ内のpassを
Ex.
<link rel ="stylesheet href ="/css/style.css">
このように書く
また、
指定フォルダ内のpassを指定する必要があり、/（スラッシュ）にて表示させる。
このように覚える
画像を使う
CSSと同じように画像も指定フォルダから読み込むことができます。
Ex.
<img src ="/imagaes/top.png">
このように書く。※/（スラッシュ）をもちいて指定passを表示させること。
演習問題
-point-
今回は以上です。お疲れ様でした。
