CSS :after와 ::after의 차이(가상클래스와 가상엘리먼트) 2023.05.09 버전차이 CSS2에서는 :after로 사용, CSS3에서는 ::after로 사용한다. :을 사용하는 것들에는 가상클래스와 가상엘리먼트가 있는데 이 둘을 구분하기 위해 CSS3부터 바뀌었다. 여기서 잠깐! ❓ 가상클래스와 가상엘리먼트의 차이? ❗ 가상클래스란? 실제로 존재하는 요소에 클래스를 부여해 CSS를 제어 ❗ 가상엘리먼트란? 존재하지 않는 것을 만들어 CSS를 부여 그렇다면 가상클래스와 가상엘리먼트에는 어떤 것이 있을까? /* 가상클래스 */ a:hover {}/* 해당 요소에 마우스를 올렸을 때 */ a:active {}/* 해당 요소를 클릭했을 때 */ input:checked {}/* input type이 checkbox나 radio일 경우 체크된 상태의 스타일*/ input:required .. 솟선생님,,, 여백없는 정렬이 하고 싶어요... 2023.04.06 홍홍홍... 제가 만들어드리죠... 채치수 주장 권준호 정대만 송태섭 서태웅 강백호 이정환 주장 전호장 신준섭 윤대협 황태산 김수겸 선수 겸 감독 이명헌 주장 최동오 김낙수 신현철 정우성 신현필 기본 HTML 구조 첫 번째 ul은 inline-block로 정렬하기 두 번째 ul은 inline-block로 정렬 후 요소들간의 여백없애기 세 번째 ul은 float로 정렬하는 방식을 사용할 것이다! ul > li { list-style: none; width: 33.3333%; margin: 0 auto 10px; padding: 10px; font-size: 1rem; background: #f0f0f0; vertical-align: top; } #contsWrap ul li:nth-child(2n) { b.. 마크업 개발 레벨 테스트 질문 2023.03.13 얼마 전 이직 면접을 보고 난 뒤 문득 이런 생각이 들었다. 내가 너무 설렁설렁 준비하는게 아닐까, 남들은 면접공부, 기술스택에 대한 질문 답변까지 준비하는데... 정작 나는 자기소개, 포트폴리오 설명 따위의 기본 중의 기본만 준비하던 나였기에 조금 더 성장하려면 내 직무에서 지식을 더 탄탄하게 쌓아야한다는 생각이 들었고 마침 이 페이지를 보게 되었다. 퍼블리싱에 관심이 있거나 현직에 종사한다면 한 번쯤 복습 겸 배워볼 만한 질문들이 많은 듯하다! 그럼 테스트 시작! ## HTML Q1. Doctype을 사용하지 않을 때는 무슨 일이 발생할까요? A1. Doctype 선언이란 HTML문서가 어떤 버전으로 작성되었는지 브라우저에게 알려주는 것이다. HTML이 어느 버전인지 알려주고, 내용을 올바르게 출력할.. 이전 1 다음
