목록CSS (39)
Jade_o.o
[css] attr 실습3 - position : relative/absolute/fixed
선택자를 통해서 class명 item들에게 position 값들을 각각 relative/absolute/fixed 넣어 구현해봄 position 이란? HTML 문서 상에서 요소가 배치되는 방식을 결정한다. 또한 position 속성은 요소의 정확한 위치 지정을 위해서 top, left, bottom, right 속성과 함께 사용된다. position : static 이란? position의 기본값이 static이다. 설정 전과 후의 값이 같으므로 즉 따로 설정해줄 필요가 없다. position : relative 란? position 속성을 relative로 설정 할 시 static의 원래 위치(기존의 위치)부터 벗어나게 배치할 수 있게 된다. 요소를 원래 위치를 기준으로 상대적(relative)으로 ..
CSS
2024. 1. 12. 12:38
[css] 선택자 종합 실습 - 건의사항 작성란
기본 선택자, 복합 선택자, 가상 클래스 선택자, 가상 요소 선택자, 속성 선택자를 활용하여 건의사항 작성란 구현 (+) 마우스 올리거나 클릭 시 스타일 기입됨 건의 사항을 적어주세요! 건의사항 작성해주세요 빨강 파랑 노랑 제출
CSS
2024. 1. 12. 12:21