프론트엔드 (3) 썸네일형 리스트형 [CSS] 컬러질라 그라데이션 설정 1. 홈페이지 접속 https://www.colorzilla.com/ ColorZilla - Eyedropper, Color Picker, Gradient Generator and more www.colorzilla.com 2. Ultimate Gradient Generator 클릭 3. 원하는 색 만든 후 copy 버튼 클릭 4. css에 적용 [CSS] 구글 폰트 사용하는 법 1. 구글 폰트 홈페이지에서 원하는 폰트 선택 https://fonts.google.com/?subset=korean Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 2. 원하는 굵기와 사이즈의 폰트를 선택함(select this style) 3-1. 링크를 복사하여 내 html 파일 태그에 붙여 넣기 3-2. css 코드를 복사하여 css 파일에 붙여 넣기 [CSS] Bootstrap 사용 방법 부트스트랩이란? class를 이용하여 반응형 웹을 사용할 수 있게 도와주는 사이트 사이트에서 주어진 링크를 복사하면 부트스트랩이 만들어 놓은 반응형 디자인을 사용할 수 있다. 1. 부트스트랩 홈페이지 방문한다. https://getbootstrap.com/ Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstrap.com 2. 해당 코드를 복사한 후 html 파일 태그 내에 붙여 넣기 한다. 3. Docs 메뉴를 클릭한 후 디자인하기를 원하는 종류를 검색한다 4. 원하는 태그 내용을 복사해서 나의 html 파일에 붙여 넣는다. - container 기본 컨테이너는 화면을 12등분으로 조절함 - button - margin.. 이전 1 다음
