[대구AI스쿨] 210803 개발일지_27

[코드]

[배운내용]

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을 사용하면 틀어지는 것

[해결방법]

[학습소감]

좋은 웹페이지 즐겨찾기