웹1 5일차

thal11 2024. 7. 17. 12:48

Block과 inline 활용 구조 구현 https://codepen.io/EONJENOG/pen/WNqQVLW

 

Block과 Inline 활용해서 구조 구현해보기

...

codepen.io

너비속성과 높이속성 https://codepen.io/EONJENOG/pen/KKjdOLP

 

너비속성(width) 높이속성(height)

...

codepen.io

Inline-block https://codepen.io/EONJENOG/pen/xxoZKVL

 

Inline-block

...

codepen.io

https://codepen.io/EONJENOG/pen/JjQGPRO

 

상위태그와 하위태그를 부르는 명칭

...

codepen.io

https://codepen.io/EONJENOG/pen/MWMKgvj

 

css 선택자가 필요한 이유

...

codepen.io

 

하는 중

https://codepen.io/EONJENOG/pen/KKjVPZz

 

클래스 선택자

...

codepen.io

 

 

 

 

[태그가 우리 눈에 보이기 위한 3가지 조건]

1. 너비

2. 높이

3. 배경색

*핸드폰에 너비나 높이 중 하나만 없어도 눈으로 확인 안되는 것 처럼 태그도 동일하다.

 

<교재>

css

- 특정한 태그만을 선택하는 태그선택자

- 자식선택자

ㄴ html은 부모와 자식 관계의 트리구조

ㄴ 자식선택자는 오른쪽 부등호 기호를 이용해 나타낸다.

- 인접동생선택자

 

'' 카테고리의 다른 글

웹1 7일차  (0) 2024.07.19
웹1 6일차  (0) 2024.07.18
웹1 4일차  (0) 2024.07.16
웹1 3일차  (0) 2024.07.15
웹1 2일차  (0) 2024.07.12