html+css15 버튼 디자인 지우기 button { all: unset;} 2024. 5. 8. 다른 요소 위에 css 두기 , css 순서 넣기 지정해야하는 태그에 무조건position > absolute나 relative 그리고 z-indeex 순서가 클수록 우선순위가 큰 것.제일 위에 오게 된다. ex)z-indeex :1; 2024. 5. 8. 스크롤시 부드럽게 전환하는법 html { /* 스크롤시 부드럽게 내려감 */ scroll-behavior: smooth;} 2024. 5. 8. 단위 화면에 따라 카드가 잘리는 문제는 일반적으로 반응형 디자인 문제입니다. 카드의 크기를 rem 단위로 지정하였다면, 이는 상대적인 크기를 나타냅니다. 하지만 디바이스의 크기나 해상도에 따라 다르게 표시될 수 있습니다.이를 해결하기 위해 다음과 같은 방법들이 있습니다:미디어 쿼리 사용: 다양한 디바이스 크기에 따라 카드의 크기를 조절할 수 있습니다. 예를 들어, 작은 화면에는 카드의 크기를 줄이거나 여백을 조정할 수 있습니다.Flexbox 또는 Grid 사용: Flexbox 또는 Grid 레이아웃을 사용하여 카드를 유연하게 배치할 수 있습니다. 이를 통해 화면 크기에 따라 카드의 크기와 위치를 동적으로 조절할 수 있습니다.Viewport 단위 사용: vw (viewport width) 나 vh (viewpo.. 2024. 5. 4. 카드 반응형 / 디자인 선택 화면에 따라 카드가 잘리는 문제는 일반적으로 반응형 디자인 문제입니다. 카드의 크기를 rem 단위로 지정하였다면, 이는 상대적인 크기를 나타냅니다. 하지만 디바이스의 크기나 해상도에 따라 다르게 표시될 수 있습니다.이를 해결하기 위해 다음과 같은 방법들이 있습니다:미디어 쿼리 사용: 다양한 디바이스 크기에 따라 카드의 크기를 조절할 수 있습니다. 예를 들어, 작은 화면에는 카드의 크기를 줄이거나 여백을 조정할 수 있습니다.Flexbox 또는 Grid 사용: Flexbox 또는 Grid 레이아웃을 사용하여 카드를 유연하게 배치할 수 있습니다. 이를 통해 화면 크기에 따라 카드의 크기와 위치를 동적으로 조절할 수 있습니다.Viewport 단위 사용: vw (viewport width) 나 vh (viewpo.. 2024. 5. 4. class 복수로 주는 방법 동시에 사용하기 위해서는 class="aaa bbb" 이렇게 해야함 2024. 5. 3. 이전 1 2 3 다음