분류 전체보기127 1-7 폰트, 주석 구글 웹폰트 넣기 구글 폰트에 접속 https://fonts.google.com/ 원하는 폰트를 클릭후 [ + Select this style ] 우측상단 모음 아이콘 클릭 Embed 클릭 link 태그를 복사해서 사이에, CSS를 복사해서 사이에 넣기 👉 *{~~~} 를 사용하면 웹페이지 전체에 CSS 적용 주석달기 주석은 언제 사용? 필요없어진 코드를 삭제하는 대신 임시로 작동하지 못하게 하고 싶을 때 코드에 대한 간단한 설명을 붙여두고 싶을 때. 👉 단축키: 주석처리하고 싶은 라인들을 선택 → ctrl(또는 command) + / (슬래시) 2022. 5. 11. 1-6 자주쓰이는 CSS margin과 padding margin은 바깥 여백을, padding은 안쪽 여백을 조정 화면가운데 정렬하려면 ✅ width를 주고, margin: auto를 사용 그래도 안되면 display:block을 추가 이미지관련 태그 ✅ background-image: url('사이트'); - 이미지 넣어주기 ✅ background-position: center; - 이미지 위치 설정 ✅ background-size: cover; - 이미지 뒷배경 설정 ** 뒷배경 속성 1. contain : 이미지가 잘리거나 찌그러 지지 않는 한도 내에서 제일크게 설정. (이미지가 원본그대로 나타나며 따로 설정하지 않으면 이미지가 반복됨) 2. cover: 이미지가 찌그러지지 않는 한도 내에서 제일 크게 설정. 이미지의 가.. 2022. 5. 11. 1-5 CSS 기초_사용방법( 파일분리,인라인) CSS 사용방법 3가지 ✔️ 태그안에 - 인라인 CSS ✔️ 안에 로 공간을 만들어 작성 ✔️ style.css 파일을 같은 폴더아래 만들고, head 태그에서 불러오기 → 2022. 5. 11. 1-4 로그인 페이지 만들기 코드 : 로그인 페이지 ID: PW: 로그인하기 결과: 2022. 5. 11. 이전 1 ··· 28 29 30 31 32 다음
