CSS
1.flexbox와 position
.
2021년 9월 14일
2.img 태그
.
2021년 9월 15일
3.height, width 설정할 때
.
2021년 11월 26일
4.id VS class VS 요소 선택자 - 뭘 쓸까
.
2021년 12월 20일
5.block 요소와 box 모델
블록 요소의 특징 기본(디폴트) width가 100%다. height는 처음엔 (요소 안에 텍스트처럼 뭔가를 넣기 전에는) 0이다. 안에 내용을 넣으면 그 내용의 크기만큼 height가 늘어난다. height를 200px로 설정하고 그 안에 아주 긴 텍스트를 계속 넣
2021년 12월 20일
6.margin 잘 적용됐는지 확인하는 방법
1. 배경색이나 테두리 속성 줘 보기 2. 엄청 큰 값 적용해 보기
2021년 12월 20일
7.Margin VS Padding 고민될 때
여백이 필요하다면? margin!🙌 배경(배경 공간)이 더 필요하다면? padding!🙌
2021년 12월 20일
8.margin: auto는 width와 함께
✨ margin: auto로 가운데 정렬하려면 반드시 width값이 있어야 한다.
2021년 12월 20일
9.배경 이미지
이미지와 달리, 배경 이미지(background-image)는 콘텐츠가 아닌 장식이다.
2021년 12월 20일
10.<header>,<h1> 스타일링(부제: font-size)
header, h1 스타일 작업 시 주의사항
2021년 12월 21일
11.container
.
2021년 12월 21일
12.box-sizing: border box의 역할
.
2021년 12월 24일
13.form 태그
.
2021년 12월 28일
14.<p>, <h1>, ..의 디폴트 마진
.
2021년 12월 29일
15.마진 상쇄(collapsing margin) & 해결 방법
마진 상쇄가 발생할 때는 마진 대신 패딩을 쓴다!
2021년 12월 29일
16.inline 요소
inline 요소는 margin, padding, border를 왼쪽, 오른쪽에만 줄 수 있다. > 위, 아래에는 줄 수 없다.
2022년 1월 19일
17.link 스타일링(visited, focus, hover)
.
2022년 1월 19일
18.<p> 스타일링할 때
.
2022년 1월 19일
19.inline-block
.
2022년 1월 19일
20.버튼 스타일링할 때
.
2022년 1월 19일
21.container
.
2022년 1월 20일
22.일부 텍스트만 다음 줄로 넘길 때
.
2022년 1월 21일
23.font unit 폰트 단위
.
2022년 6월 2일
24.CSS 디버깅(firefox)
firefox에만 있는 디버깅 기능이 있으니 디버깅용으로 firefox 깔아 두고, 왜 css가 적용 안 되는지 모르겠을 때 firefox 개발자 도구에서 보면 유용하다!
2022년 6월 6일
25.CSS logical property (방향)
.
2022년 6월 6일
26.margin은 요소 간의 간격을 조정
마진은 요소 간의 간격을 조정하는 역할을 주로 한다.
2022년 6월 7일
27.이미지(img 태그)
.
2022년 6월 7일
28.형제 선택자
예를 들어, 라디오 input 클릭(checked) 시 이 input에 해당하는 라벨 스타일을 바꾸고 싶다면✨ 형제 선택자를 쓰면 된다! (js 작업 필요 없다)
2022년 7월 11일
29.svg hover 시 색상 바꾸는 방법
.
2022년 8월 1일
30.position: absolute와 순서, 부모 자식 관계
.
2022년 9월 2일
31.가상선택자 / 가상 요소
.
2022년 5월 30일