웹기능사시험반-2일

수업페이지

 

block

- 너비 기본값 -> auto = 100%

- 상위태그 크기만큼 크기를 가짐

---

* 시험 꿀팁

시험장 입장 전 한글판으로 바꿔주기

시험 미리 들려본 친구들 꿀팁

- tab메뉴 구현 안되도 점수 감점 크게 없음

- 슬라이더는 구동이 안되면 과락(빵점)

ㄴ슬라이더는 원하는 코드와 달라도 구동만 되면 된다. 중요한건 완성

ㄴ3시간반 ~ 4시간 꽉 채워서 본 친구들이 많다.

 

컨트롤+s 로 검색 열어서 <기본 앱> 켜기

크롬과 엣지에서 둘ㄷㅏ 구현 되는지 확인하기 (왔다갔다하면서)

---

 

[브라우저에서 블록취급받는 요소]

- block

- flex

* 블록요소는 margin이라는 속성으로 정렬할 수 있다

- 왼쪽정렬 > margin-right: auto;

- 오른쪽정렬 > margin-left: auto;

- 중앙정렬 >  margin-right: auto; margin-left: auto;

 

[float] - 공중에 떠다니다

- 부모태그 높이를 높일 수 없다

ㄴ (기능사에서만) 부모태그 높이를 직접 고정 px로 지정 해야된다.

 

- 중앙정렬은 float을 적용하지 않고 absolute를 적용하여 정렬한다.

 

[absolute]

기본값 : static (위치속성을 사용할 수 없다) = display

 

- absolute와 display와 float은 공존할 수 없다

ㄴ 이 셋 중 하나만 사용하여 레이아웃을 구현한다.

 

- absolute는 적용했을 때 static 상태 위치를 유지하려는 특징이 있다.

 

- absolute를 움직이려면 위치속성이 필요하다.

ㄴ (위치속성) left, right, top, bottom 

 

-  absolute는 상위태그 중 가둬주는 속성이 없으면 body 태그한테 갇힌다.

ㄴ (가둬주는 속성) relative, absolute, fixed

 

- absolute는 적용하게 되면 부모태그를 벗어나게 된다.

ㄴ 집나간 자식ㅋ

 

- 가둬주는 속성이 상위태그에 적용되어 있으면 부모 역할을 한다.

ㄴ(부모역할)

1. 위치속성 기준점

2. 너비높이를 상속시켜줌

 

1.zip

0.00MB

 

 

 

* 숙제 240727

00. c-4(240727).zip

0.00MB