Im Bay

Bootstrap html 코드 자동생성 ! 누르고 엔터 부트스트랩 적용하기 head 태그 블록 안에 title 태그 바로 밑에 붙여 넣기 body 태그 끝나는 줄 바로 위에 아래 코드넣기 ... 부트스트랩의 모든 속성은 클래스 예약어(class=” “)로 지정된다. 버튼 버튼 종류 Primary Secondary Success Danger Warning Info Light Dark Link 레이아웃 화면 너비에 따른 중단점 xs - 576px미만 sm - 576px이상 md - 786px이상 lg - 992px이상 xl - 1200px이상 예시 100% 너비: small 중단점까지 100% 너비: medium 중단점까지 100% 너비: large 중단점까지 100% 너비: extra large 중단점까..

Bootstrap 웹사이트를 쉽게 만들 수 있게 도와주는 CSS, JS 프레임워크 Tailwind 많은 utility 클래스로 이루어진 CSS 프레임워크 HTML 요소의 class 속성에 설정하는 것만으로 스타일링 가능 공식 사이트: https://tailwindcss.com/ tailwind 설치 및 실행 확인 https://tailwindcss.com/docs/installation tailwind 설치했는데 CSS가 적용이 안될 때! cmd 창에서 yarn dev 를 다시 실행해보자 tailwind의 CSS 적용 방식 html에서 이런 식으로 class 안에 꾸미는 코드를 안에 넣으면 output.css에 CSS 코드가 자동으로 추가된다! 코드가 자동 추가된 output.css .bg-sky-700..

Bootstrap을 이용하여 화면 만들기 부트스트랩을 이용하여 회원가입 화면 작성하시오. 작성 코드 (signUpScreen.html) https://github.com/yubin-im/DigitalHanaro_TIL/blob/master/htmlcss/signUpScreen.html 게시판(list, view, write) 화면을 작성하시오. (tailwind 사용) 작성 코드(boardScreen.html) https://github.com/yubin-im/DigitalHanaro_TIL/blob/master/htmlcss/boardScreen.html [UI/UX 디자인과 구현(HTML/CSS)] HTML5/CSS3 고급 기법 form 태그 form 태그 안에 input 태그를 두어서 사용자로부터 ..