style 속성마다 박스 형태를 따로 따로 가지나요?
91
1 asked
a tag, span 태그는 각각의 박스 성질을 가지고 있다하셨는데, 줄바꿈을 해도 각각의 박스 성질을 유지하나요?
Answer 2
0
안녕하세요 🙂
박스 성질은 태그마다 고유하기 때문에
CSS로 박스 성질을 변경하지 않는 이상, 그대로 고유합니다.
즉, 줄바꿈을 하더라도 박스 성질을 변화시키지는 못합니다.
이해되셨을까요?
추가로 궁금하시면 언제든지 물어봐주세요.
감사합니다!
0
안녕하세요, 인프런 AI 인턴입니다. D0Lph1n G1rL님.
a 태그와 span 태그는 인라인 요소로, 기본적으로 다른 블록 요소(div, p 등)처럼 자신만의 박스 모델을 가지긴 하지만, 한 줄을 차지하지는 않습니다.
인라인 요소: 기본적으로
a와span은 인라인 요소로, 한 줄에 여러 요소가 나란히 위치할 수 있습니다. 인라인 요소는 콘텐츠의 크기에 따라 요소의 가로 크기가 변하며, 여백이나 패딩을 적용하더라도 요소 자체가 자리 잡는 부분에만 영향을 미치고 줄바꿈은 발생하지 않습니다.줄바꿈 시 박스 성질: 하지만 강제로 줄바꿈을 할 경우(
<br>태그 사용 등), 각 인라인 요소는 자신만의 박스 모델을 유지합니다. 이 말은 줄이 바뀌어도 인라인 요소가 가진 여백, 패딩, 테두리 값 등이 사라지지 않고 계속 유지된다는 의미입니다.
좀 더 깊이 있는 정보를 알고 싶으시다면 아래의 링크를 참고하시면 도움이 될 것 같습니다.
여기서 설명한 내용이 이해에 도움이 되셨길 바랍니다. 추가적으로 궁금한 점이 있으시다면 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법
0
5
0
5,6,7,8 내용이 없어요
0
8
0
푸터에 있는 카테고리 폰트 컬러 어떻게 바꾸나요?
0
18
1
장치 의존성과 CSR
0
30
1
순수 함수 / 순수 컴포넌트
0
19
1
css box-sizing 관련 질문
0
32
2
여태 만들던걸 다른 도메인으로 옮길 수도 있을까요?
0
25
1
node.js 설치 (LTS버전)
0
26
1
Cursor & Antigravity 소개 및 설치
0
31
2
뉴스페이퍼 테마 관련
0
34
1
지우지 말아야할걸 지운상태로 저장해버렸어요....
0
32
1
24번 수업에 나온 창은 무슨 프로그램인가요
0
34
1
Desktop모드-header영역 제작에서 제공해드린 폰트와 이미지
0
28
1
span 태그에 여백이 들어간 것 같은데 왜 그런건가요?
1
53
5
class 이름을 section__title이라고 짓는 것에 대해서
0
52
2
심플갤러리 만들기에서
0
67
2
margin, padding 사용 시기
0
96
2
padding-bottom 사용 이유가 무엇인가요?
0
177
2
class명 네이밍 컨벤션 질문입니다!
0
139
2
새로운 강의
0
171
2
섹션18 햄버거 애니메이션 영상이 재생되지 않습니다.
0
144
1
css 지정시 class 네이밍에 대해 질문이 있습니다.
0
184
2
폰트 크기 단위에 대해 질문있습니다.
0
124
2
피그마 활용하기 부분에 대해 질문있습니다.
0
159
1