오늘 공부한 내용.. 정리는 때려치고, 일단 기록을 해본다.
☆ 태그별로 줄 맞추기!
태그 입력 시 줄이 안 맞으면 태그별로 짝이 안 맞는 경우가 생길 수 있다.
줄 맞추는 단축키: Ctrl+A를 눌러서 전체 선택 후, 그 상태에서 Ctrl+Alt+L을 누르면 싹 정리가 됨. (Mac의 경우 Command+Alt+L)
CSS 기초!
무언가를 꾸미기 위해서는 지정할 수 있는 상대가 있어야 함.
ex) 영수의 바지를 검은색으로 바꿔줘. -> 영수의 바지
- 자주 쓰이는 CSS 연습하기
class를 붙일 때는 =""가 자동인 거고, .으로 부를 때는 { } 가 따라오는 게 규칙이라고 그냥 외우는 게 편함.
아래 세 줄은 항상 같이 다닌다고 보면 됨
background-image: url("이미지 URL");
background-size: cover;
background-position: center;
여백을 줄 때 padding은 안쪽에 여백을 주고, margin은 바깥쪽으로 여백을 준다.
만약 margin: 20px 0px 0px 30px; 라고 하면 위로 20, 오른쪽 0, 왼쪽 0, 아래 30만큼 여백을 주도록 명령하는 것.
구글 웹 폰트 https://fonts.google.com/?subset=korean 에서 link 태그를 복사하여 스타일을 바꿀 수 있음.
728x90
반응형
'니모의 기록 > 하찮은 개발일지' 카테고리의 다른 글
| SQL 개발일지 (2) - 데이터를 활용하여 통계 구하기 (0) | 2022.02.23 |
|---|---|
| SQL 개발일지 (1) - 엑셀보다 쉬운 SQL 강의 1주차 (0) | 2022.02.22 |
| JQuery란? 남이 만들어둔 미리 작성된 자바스크립트 코드! (0) | 2022.02.13 |
| 자바스크립트는 자바랑은 전혀 관계가 없는 거였다! (0) | 2022.02.09 |
| 스파르타코딩클럽에서 시작하는 비전공자의 첫 개발 공부! (4) | 2022.02.07 |