WEB Dev/HTML | CSS(8)
-
[HTML] Doctype 이란 ?
좋은 마크업 공부 자료를 구하게 되어서 순서대로 하나씩 작성해보려고 한다. 마크업 프로페셔널로 거듭나기 tobyyun 님의 마크업 개발 레벨 테스트 질문을 통해 마크업 역량을 키워보자 ψ(`∇´)ψ 마크업 개발 레벨 테스트 질문 팀의 막내 개발자의 마크업 개발 역량 확인을 위해, 마크업 개발 레벨 테스트용 질문을 만들어 보았습니다. 제가 마크업 개발자를 뽑는 면접관 역할을 하게 될 때에 사용하는 질문들과도 유사한 tobyyun.tumblr.com 질문 Doctype을 사용하지 않을 때는 무슨 일이 발생할까요? 답 쉽게 독타입이라고 부르는데 HTML 문서 만들때 그냥 무의식적으로 넣어야 하는 코드로 알고 있었다. 아래에 차근차근히 독타입이 무엇인지, 없으면 어떤 일이 발생하는지 레퍼런스와 함께 알아보자 1..
2022.03.03 -
[CSS] css로 툴팁 만들기 (tooltip)
UI 라이브러리를 만들면 가져다 쓰면 되겠지만... CSS로 만드는 것도 어렵지는 않다. 특정 부분에 마우스 오버 (롤오버, hover) 하면 툴팁박스가 나오는 간단한 예제. HTML 속성으로 사용할 수도 있지만 커스텀이 필요한 경우 만들어 쓸 수 있다. 삼각형은 이미지로 붙여도 되고, 가상요소 (::after, ::before) 를 이용해도 된다. 아래 code sandbox를 참조 👀 HTML 삽입 미리보기할 수 없는 소스
2022.02.15