MVP Styles (middleware)

0_cyberlover_0·2022년 3월 19일
0

Node.JS # 02

목록 보기
8/19
post-thumbnail

MVP.CSS middleware 중 하나이다.

html 태그에 몇가지 기본 스타일을 입혀준다.

https://andybrewer.github.io/mvp/

이 사이트로 가보면 정보가 나온다.

base.pug파일에 넣어 준다.

<link rel="stylesheet" href="https://unpkg.com/mvp.css"></link>

 

link (rel="stylesheet" href="https://unpkg.com/mvp.css")

pug스타일로 변경해준다.

그리고 home.pug파일에

input(placeholder="Whats your name?")

button send

base.pug 파일에

body

main

block content

(간격을 잘 지켜 준다)

main까지 넣어주면 그럭저럭 괜찮게 적용이 된다.

http://localhost:4000/ 확인해 보면 확실히 전 보단 기본적으로 깔끔하게 css적용이 되어있다.

전체적인 css를 들어가기전 약간 다듬어 줄때 쓰면 좋다.

profile
꿈꾸는 개발자

0개의 댓글