목록전체 글 (108)
Jade_o.o
[css] 선택자 종합 실습 - 건의사항 작성란
기본 선택자, 복합 선택자, 가상 클래스 선택자, 가상 요소 선택자, 속성 선택자를 활용하여 건의사항 작성란 구현 (+) 마우스 올리거나 클릭 시 스타일 기입됨 건의 사항을 적어주세요! 건의사항 작성해주세요 빨강 파랑 노랑 제출
CSS
2024. 1. 12. 12:21
[css] attr 실습1 - inline-block 네모칸 속 색깔 다른 작은 네모 넣기
.(클래스) inline-block을 활용해 보자 HTML CSS Javascript
CSS
2024. 1. 12. 12:16
[css] selector 실습4 - 줄무늬 모양 만들기, before,after
가상 클래스 선택자, 순서와 관련된 가상클래서 선택자, 가상 요소 선택자를 활용하여 줄무늬 모양을 만들어 보자 1. 가상 클래스 선택자 1-1 hover, active, focus, checked - E:active {} E 요소에 마우스 클릭 또는 키보드 엔터가 눌리는 동안 - E:hover {} E 요소에 마우스가 올라가 있는 동안 - E:focus {} E 요소에 포커스가 머물러 있는 동안(input, textarea) - E:checked {} E 요소가 체크 되었을 때 (radio, checkbox) 1-2 순서와 관련된 가상클래스 선택자 - E:first-child E 요소가 첫번째라면 선택 - E:last-child E 요소가 마지막이라면 선택 - E:nth-child(n) E 요소가 n번째..
CSS
2024. 1. 12. 11:45