[필독] D,E 강의 설명 중 필수 이론 04 가상 클래스 질문

인프런 커뮤니티 질문&답변

작성한 질문수

[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)

[필독] calc 함수, vh vw 단위, object-fit 속성, 가상클래스, Flex 사용법

해결된 질문

작성

126

수정됨

안녕하세요 선생님,

저는

spot 메뉴에서 ' | ' 바의 역할이 단어 칸 나누기라고 생각해서

지금까지 키보드 위에 있는 저 바를 html 에 입력하고

a태그로 메뉴를 구성했었거든요,

필독 사항 강의 에서도 반드시 필요한 것은 아니고, 코드 간결을 위해서 사용한다고 말씀해주셨는데, | 부분을 실무에서 코사용할 때 after를 사용하나요? 키보드에 있는 걸 쓰는 것을 쌤은 비추를 하시는지 궁금해서 질문 드립니다..!

답변 1

지식공유자

시험 보실 때는 그냥 | 이거 사용하셔도 무방합니다. 시험이니까 합격이 목표잖아요.

만약 before after로 만들려면 다 만들고 시간이 남을 때 하세요. after로 하시면 됩니다.

before after 보다 더 간단한건 보더 오른쪽만 그리고 마지막은 보더 안그리기 하시면 편해요.

실무에서 | 이걸 쓰면 html 구조가 지저분해지니까 안쓰는게 맞습니다. 실무에서는 after로 하세요.

보더 오른쪽만 그리고 마지막은 보더 안그리기 하시면 텍스트의 높이와 보더의 높이가 틀려서 조금 어색해요.

보더의 높이가 텍스트의 높이 보다 약간 클 수 밖에 없거든요.

실무에서는 after를 쓰고 너비 1픽셀 높이 적당하게 해서 도형을 만들어서 구분선을 만들면 퍼펙트입니다.

하지만 시험이니까 | 보다는 보더 오른쪽만 그리고 마지막은 보더 안그리기 하시면 제일 좋습니다.

작성한 질문수