반응형
250x250
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
Tags
- vue3 props
- vue슬라이드
- 연산자
- vue 사진미리보기
- Node
- vue3
- class지우기
- 상위컴포넌트에서 하위컴포넌트로 데이터 전달
- 미리보기
- <script setup>
- 엑셀
- vueper slides
- jsp
- 자바변수선언
- Java
- javascript
- vueperslides
- select
- vue3emit
- nodejs
- 슬라이드한번에세개
- 구글폰트다운받아사용
- 뷰
- 클래스지우기
- VUE
- vue이미지자르기
- 컴포넌트간 데이터보내기
- 이메일유효성검사
- vue3 데이터보내기
- 슬라이드기능구현
Archives
- Today
- Total
orange056
css 분리하기 본문
728x90
반응형
1. wabapp 에 css라는 폴더를 만든다
css 파일을 한군데 모아놓아야 깔끔하고 관리가 쉽다
2. (css명).css라는 css 파일을 만든다
ex) board.css
실제 css 코드들을 모아 놓기 위한 파일이다
여기에 style태그 안에 있는 css를 넣으면 된다
3. css 파일을 import 한다
<link rel="stylesheet" type="text/css" href = "css/style.css">
위처럼 경로를 지정해주면 css 파일을 import 할 수 있다
끝
728x90
반응형
'HTML' 카테고리의 다른 글
[css] parent의 높이를 child 높이에 맞추기 (0) | 2022.12.22 |
---|---|
썸머노트 사용하기 (0) | 2022.11.14 |
[HTML, CSS] 웹사이트 네비게이션 만들기 (0) | 2021.12.30 |
[HTML] 버튼 가운데 정렬, div 가운데 정렬 (0) | 2021.08.13 |
[HTML] input 태그 disabled 속성 (0) | 2021.08.02 |
Comments