싸이월드1 질문입니다. 2
.fas{
color: black;
margin-right: 8px;
}아이콘에 width와 height 를 따로 주지 않아도 margin-right로 아이콘과 텍스트사이에 공간을 줄 수 있는데
.fas {
color: black;
margin-right: 10px;
width: 5px;
height: 5px;
}처럼 width와 height 값을 따로 줘야하나요??
그리고,
.fas {
color: black;
width: 5px;
height: 5px;
}이렇게 주었을때 갑자기
이미지와 같이 아이콘과 텍스트가 겹쳐지는데 이유가 뭔가요????
답변 1
0
안녕하세요 킹정은님
어떤 자식 요소이든 의도되지 않았다면 width나 height값을 주지 않을 경우 브라우저마다 다른 결과물을 불러올 수 있기 때문에 width height를 명시해주는 것이 좋습니다.
아이콘과 텍스트가 겹치는 이유에 대해서는 해당 요소들의 스타일을 확인해보시기 바랍니다.
개발자 도구에서 좌측 상단에 보시면 저렇게 생긴 아이콘이 하나 있는데요! 클릭하게 되면 각 요소마다 어떤 스타일이 적용되어 있는지도 확인해보실 수 있습니다.
뿐만 아니라 아래와 같은 방식으로 각 요소에 미리 스타일을 적용해보실 수도 있답니다.
공부에 도움되시길 바랍니다.
싸이월드3
0
79
2
싸이월드2 관련 질문 드립니
0
95
3
과제 모범답안 유무
0
93
2
과제 연습 질문
0
75
2
<style> 에 *와 div 차이
0
87
2
과제 profile 부분 질문
0
116
2
과제 Profile 부분 질문
0
88
2
left_body_header의 자식border-top인데
0
81
2
정렬 연습중인데 왜 여성과 남성 칸이 가로로 배열 안되는지 모르겠습니다.
0
129
1
태그 궁금한 점
0
164
2
HTML 회원가입
0
195
2
문법관련 질문입니다
0
255
2
윈도우 누른치로 마침표 눌렀는데 이모지가 안되는데용.?./.
0
655
2
26분50초에 세로줄 어떻게 해요 ..? ㅎㅎㅎ
0
255
2
피그마에서 css 코드가 안보여요..
1
3225
2
주석기능을 하고 싶은데 컨트롤+느낌표가 안됩니다 ㅠㅠ
0
328
2
언어 설정 -> 한글
0
292
1
2024년 html
0
230
1
피그마 유료화
0
1673
1
Fiama 링크 찾기
0
243
2
Figma는 어디에 있나요?
0
253
1
안녕하세요. 제공되는 노션 학습자료는 어디서 확인가능한가요?
0
358
2
git 질문입니다
0
218
1
아무리 찾아봐도 피그마 링크가 보이질 않습니다.
0
314
1