css 적용하기

 

1. 인라인스타일로 적용

 

 

• css 속성은 객체로 작성
• 대쉬바가 필요한 속성 ( ex : border-right ) 은 카멜케이스로 작성
• 숫자는 따옴표 필요 없이 그냥 작성 

 

 

 

2.스타일시트로 작성

별도의 css 파일을 만든 후 불러오기

 

 

 

 

3. CSS Module

css 가 중첩되는걸 방지하기 위해 사용

 

Box.module.css

.Box {
  background: black;
  color: white;
  padding: 2rem;
}

 

Box.js

import React from "react";
import styles from "./Box.module.css";

function Box() {
  return <div className={styles.Box}>{styles.Box}</div>;
}

export default Box;

className 설정시에는 {styles. css이름} 으로 지정

 

 

 

 

https://react.vlpt.us/styling/02-css-module.html

2. CSS Module · GitBook