작성한 질문수
HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
CSS 키프레임 애니메이션 활용한 실전 퍼블리싱 03(더블 보더 레디어스 애니메이션)
작성
·
213
1
안녕하세요 강의 잘 보고 있습니다.
궁금한 점이 하나 생겼는데요.
영상 8:00분쯤에 .square span{}에 width와 height값을 주셨는데요 span은 inline-level인데 어떻게 width와 height값이 먹는거죠 ? 따로 dispaly를 준것이 아닌데요 ㅠㅠ
position속성을 주면 block요소로 바뀌는 건가요 ??
답변 1
4
알고 계신대로 span 태그는 인라인 요소라 크기를 가질 수 없고 마진 상하를 가질 수 없습니다. 하지만 모든 요소는 포지션 absolute 또는 fixed가 되면 블록 요소가 아니라 인라인 블록로 변경됩니다. 그래서 크기 값을 가질 수 있게 된 겁니다.