23.05.28 학습일기
앱 UI 레이어 3D 호버 에니메이션 .app-ui가 부모요소가 되어야 밑의 이미는 자식요소 .app-ui img 왼쪽상단 기준으로 모일것임 transform:rotate()만 하면 자연스럽지 않기 때문에 skew속성도 함께 적용 보더 애니메이션 네비게이션 호버 이펙트 a태그는 인라인요소이므로 a의 크기만큼 border가 늘어나는 것이 아니라 before나...
- 좋아요수
- 0
- 학습일기
- 5일차
- 프론트엔드
앱 UI 레이어 3D 호버 에니메이션 .app-ui가 부모요소가 되어야 밑의 이미는 자식요소 .app-ui img 왼쪽상단 기준으로 모일것임 transform:rotate()만 하면 자연스럽지 않기 때문에 skew속성도 함께 적용 보더 애니메이션 네비게이션 호버 이펙트 a태그는 인라인요소이므로 a의 크기만큼 border가 늘어나는 것이 아니라 before나...
CSS 포지션 속성 완벽하게 이해하기(3편) ✅ CSS 포지션(3) 부모 요소 밖에서 원하는 위치로 보내기! 부모 요소의 크기만큼 위치 100%로 설정하여 부모 요소 바로 옆에 딱 붙을 수 있도록! html구성 1 2 3 css구성 /* 부모요소 position:relative */ /* 자식요소 position:absolute */ .parent{ pos...
✅ 시멘틱 태그 계층 (1) > (2) > (3) > (4) 상위 컨테이너 : .container(1) / .wrapper 문서의 주요 내용 지정 : main 주제별 콘텐츠 영역 : section(2) 해더 영역(로고, 메뉴, 로그 검색 등) : header(2) 제작 정보 및 저작권 정보 표시 : footer(2) 콘텐츠 내용 넣기 : article(3)...
✅ CSS 적용 우선순위 !important Style Inline Style ID Selector Style Class Selector Style Tag Selector Style 중복된 선택자가 있는 경우 외부스타일 CSS우선순위 내부파일 Style> 외부파일 Style 중복된 선택자가 있는 경우 내부스타일 CSS우선순위 !important > Inli...