css(14)
-
부모 안에서 우측 정렬하고 싶은데 자식이 display: flex 일 때
부모 내에서 자식을 우측 정렬 하고 싶을 때 자식 {display:flex; margin-left:auto}
2024.01.12 -
[CSS] ::before, ::after content="<br>태그 대신"
css ::before 혹은 ::after에서 br 태그를 사용하고자 할 때, content="소찐찐 멋쟁이" 가 아닌 content="소찐찐 \A 멋쟁이" white-space: pre; ' \A ' 와 ' white-space: pre ' 같이 사용하기 !
2023.02.20 -
[CSS] background 여러개 사용
1. 이미지 + 색상 2. 이미지 2개 3. 이미지 2개 + 색상 1️⃣ background 이미지, 색 // 둘 다 사용하고 싶은 경우 1️⃣ background:url(/images/파일명.png) no-repeat #414143; 이렇게 원하는 이미지 파일 url 을 써주고 뒤에 원하는 색상 코드 넣어주면 끝 ! background:url(/images/파일명.png) no-repeat #414143; 2️⃣ background 이미지 2개 사용하고 싶은 경우 2️⃣ background:url(/images/파일명1.png), url(/images/파일명2.png); 이렇게 쉼표로 구분하여 url 을 두개 넣어주면 끝 ! ❓ no-repeat ❓ 🔹한쪽 혹은 양쪽 background:url(/ima..
2022.10.18 -
[CSS] width , height 비율 유지 이미지
https://hyeonseok.com/blog/712 가로세로 비율을 유지하는 반응형 박스 - 신현석(Hyeonseok Shin) dev | 2012-08-22 반응형 웹디자인에서는 max-width: 100%나 width: 100%를 활용하여 콘텐츠가 컨테이너의 너비에 맞게 유동적으로 변경되게 하는 기법이 많이 사용된다. 이 때 높이는 콘텐츠가 가지고 있는 hyeonseok.com https://velog.io/@seochanh/newbie-00010
2022.05.31 -
[CSS] 반응형 안 먹힐 때
분명 450px일 때, 먹어야 하는 부분이 안 먹힐 때 반응형 코드가 일반 코드보다 아래 쪽에 위치해야 함
2022.05.26 -
[css] transition 안 먹힐 때
보호되어 있는 글입니다.
2022.03.28