활동1. 진진가
1등 팀원: 윤선호, 이석형, 정유송, 정종미, 한수정
윤선호 - 1 + 1 + 1 + 1 (4점)
이미현 - 1 + 1 (2점)
이석형 - 1 + 1 + 1 + 1 (4점)
이슬아 - 1 + 1 (2점)
정유송 - 1 + 1 + 1 + 1 (4점)
정종미 - 1 + 1 + 1 + 1 (4점)
한수정 - 1 + 1 + 1 + 1 (4점)
활동 2. 오늘 배움 한 가지씩 이어가기
이름 | 발표 내용 |
이석형 | position : absolute를 사용하려면 부모 요소에 static을 제외한 position 속성값을 주어야 합니다. 일반적으로는 position : relative를 씁니다.
position : absoulte를 준 요소는 top, bottom, left, right 를 사용해서 위치를 조정할 수 있습니다.(position : relative를 준 부모 요소 기준) |
이미현 | background-clip, background-origin과 같은 개별 속성은 background와 같은 단축 속성 뒤에 작성해주어야 스타일이 적용된다. (css 후자 우선 순위 법칙에 의해!) |
윤선호 | background clip과 origin의 차이는 다음과 같습니다.
clip은 배경을 잘라내는 개념이며
origin은 배경 위치 시작점을 결정하는 차이가 있어 같은 결과가 나와도 다른 접근이 필요하니 주의해야 합니다. |
정유송 | position: fixed는 viewport에 대한 고정값이고 position: sticky는 원래 위치를 스크롤로 넘어갈 때 변경이 발생해 위치가 고정되게 된다 |
이슬아 | outline을 사용할때는 focus 속성이 적용되지 않기 때문에 focus된 상태까지 고려해야한다. |
정종미 | 이미지는 인라인 요소이기때문에 하단에 빈 공간이 있는데, 이를 없애기 위해선 vertical-align에 top을 해야지 해결할 수 있음 |
한수정 | 이미지의 비율을 유지하기 위해서는 padding을 %로 조정하는 방법이 있다. 이때, padding의 top, bottom의 % 값은 부모의 가로를 기준으로 함. |
