[대구AI스쿨] 210803 개발일지_27
[코드]
[배운내용]
a태그 영역 지정하기
a태그 영역 지정하기
▒TIP▒
위와 같이 리스트를 만들어주었을 때 실제 페이지에서 커서의 모양을 살펴보면 a태그가 아이콘과 글에서 선택되는 것을 알 수 있지만, 코드상에서는 a태그의 영역이 이상하게 나타난다.
이때, 코드상에서도 a태그의 크기가 깔끔하게 맞아 떨어지게 하기위해서 a태그의 크기를 100%로 지정해주면 좋다.
#ent_main .ent_left #ent_section_5 li a{
display: block;
width: 100%;
height: 100%;
text-align: center;
}
a태그 안에 a태그 넣지 않도록 주의하기!
: a태그 안에 a태그를 하나 더 넣게되면 a태그의 영역을 제대로 인식하지 못하게 되므로, 같은 태그를 포함시키지 않도록 주의한다.
뿐만아니라 h1~h4태그 등 글자를 적을 때 사용하는 태그들을 안에 같은 태그를 넣게 되면 틀린 문법이 된다.
padding과 margin의 적절한 사용방법
[어려웠던 점]
span태그에 margin을 사용하면 틀어지는 것
[해결방법]
[학습소감]
Author And Source
이 문제에 관하여([대구AI스쿨] 210803 개발일지_27), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://velog.io/@minkyeong43/대구AI스쿨-210803-개발일지27
저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Author And Source
이 문제에 관하여([대구AI스쿨] 210803 개발일지_27), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@minkyeong43/대구AI스쿨-210803-개발일지27저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)