Q&A
안녕하세요 :) display:inline-block => 이 스타일은 inline(텍스트도 여기 포함) 성격들을 그대로 가지고 있어요. 태그에 inline 을 주고 현제 li들이 한 줄 내려가면서 공백을 만들었고 있죠 li를 인기순 강좌 대상별 강좌 분야별 강좌 다닥다닥 붙이면 공백이 사라지는 거 확인 되세요. inline 은 한 줄 내려가거나 한 칸 띄어지면 공백이 생겨요. 텍스트 처럼.. 만약 공백이 싫다면 display:flex, float:left 기술을 사용하셔서 연습해보셔도 되세요
Q&A
header .openGnb :after {height: 180px;} header .openGnb .gnb ul ul {height: auto; overflow: visible;} header .openGnb .over > a:before {width: 100%;} header .openGnb => header .openGnb 태그선택자와 클래스선택자 한 칸 띄어져 있네요. 붙여주심 해결 되세요 감사합니다 :)
Q&A
50% 0 은 이미지를 50% => 좌우 중앙정렬 , 0 => 상단에 위치 해 주는 값이에요. 적용 되는 이미지에 따라 50% 50% => 좌우/상하 중앙 정렬로 맞추어 줄 수도 있구요, 0 0 => 좌/상 으로 정렬해 줄 수도 있어요. 질문 주신 background 속성은 하기 세가지가 축약된 거라 볼 수 있습니다. background-image background-repeat background-position: 50% 0 감사합니다 :)
