가상클래스 before after 가상클래스 활용한 실전 퍼블리싱 04(content attr을 활용한 텍스트 네비게이션) 13:00 대 질문 드립니다.
291
작성한 질문수 7
■ 질문 남기실 때 꼭! 참고해주세요.
- 먼저 유사한 질문이 있었는지 검색해주세요.
- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.
- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.
- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.
13분대 쯤에 이해가 되지 않는 부분이 있어 질문 드립니다.
.gnb a 에 relative를 주고, .gnb a span 에 absolute를 주면 a와 span의 넓이 높이 값이 같으니까 기본으로 딱 left: 0 top: 0 에 붙잖아요.
왜 span에 text-align을 주는게 아니라 a 에 text-align을 줘서 span이 함께 정렬되어 삐져나가게 하고 다시 position을 left:0;, top:0; 으로 맞춰주는 걸까요????
답변 1
0
absolute를 주면 기본적으로 top: 0; left: 0; 가 되는데 아주 가끔 기본 좌표값이 안들어가더라구요.
이건 어떤 경우에 발생하는지는 모르겠습니다. 그래서 확인차원에서 top: 0; left: 0; 준 것입니다.
그리고 span에 text-align을 주셔도 되고 a에 text-align을 주셔도 됩니다. 어차피 텍스트 내용을 중앙으로 보내려고 하는거니까요. 같은 결과지만 사실 a에 text-align 보다는 span에 text-align 이게 좀 더 맞겠죠. 이부분은 크게 중요한 부분은 아닙니다.
그리고 a에 text-align가 span을 중앙정렬시키는건 아닙니다. span 내의 텍스트를 정렬시키는게 목적입니다. 특히 span은 absolute이기 때문에 부모요소의 정렬에 따르지 않습니다.
class 값 한 번에 부여하는법
2
81
1
@media에서의 flex-direction: column으로 세로배치 관련 질문드립니다.
1
71
1
div#css-checker-widget의 해결방
1
62
2
input의 포커스되었을때 검정선이 사라지지 않아요
0
80
2
강의듣는법
1
75
1
아코디언 만들기 100%이하의 화면으로 보았을때
1
71
2
input checked 질문합니다.
0
79
1
Bracket Pair Colorizer - 비주얼 스튜디오
1
143
2
Part 1 영상 안나옵니다
1
92
1
제이쿼리 작동이 안됩니다
1
201
3
강의 내용 질문있습니다.
1
124
2
일정 부분만 주석하는 방법
1
213
2
폰트어썸
1
134
2
인접선택자에 대한 질문드립니다!
1
129
2
delay 적용 안됨
1
136
1
rotateY(360deg)가 적용이 안됩니다!
1
186
2
세로이동할때 height값
1
139
2
폰트어썸이 안되요..
1
491
2
화면 정중앙에 오게끔 할수있나요?
1
170
1
어코디언 네비게이션 중
1
127
1
라이브서버 문제
1
231
2
넷플릭스 어코디언 예제 질문
1
106
1
이번 강의에선 display flex가 무조건 적으로 필요한건가요 ?
1
160
1
active 관련 질문
1
148
2