NH BANK NH BANK

테일윈드 사용법 설치 방법 1. 테일윈드 홈페이지에 접속해서 메인 화면에 있는 Get started를 눌러준다 Tailwind CSS - Rapidly build modern websites without ever leaving your HTML. Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML. tailwindcss.com 2. 화면에 안내된 순서에 따라 진행 [1] Ctrl + ~ 을 눌러 터미널을 켠 후 아래 코드를 입력한다 npm install -D tailwindcss npx tailwindcss init [2] 생성된 config.js 파일..

1. 인라인 요소 가로 크기: 콘텐츠의 크기 한 줄에 여러 개 배치 크기 값을 지정할 수 없음 상하마진을 지정할 수 없음 span a small big em u s del br q b strong mark sub sup video audio 2. 블록 요소 가로크기 :100 한 줄에 하나 배치 가로, 세로 크기 지정 가능 상하마진 지정 가능 div, h1~h6 table figure figcaption caption header nav footer section article aside p ul ol blockquote, li td, th ,form, fieldset, hr 3. 인라인 블록 요소 가로크기 : 콘텐츠의 크기 한 줄에 여러 개 배치 가로, 세로 크기 지정 가능 상하마진 지정 가능 img, ..

1.CSS Diner : CSS 선택자를 연습할 수 있는 게임 https://flukeout.github.io/ CSS Diner A fun game to help you learn and practice CSS selectors. flukeout.github.io CSS 뿌수기 Clear 2. Flexbox Froggy : display flex 속성을 연습할 수 있는 게임 https://flexboxfroggy.com/#ko Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com display 뿌수기 Clear! 3.Grid Garden : display : grid 속성 연습할 수 있는 게임 https://cssgridgarden.com/..