CSS 10
CSS 자식요소, 자식의 자식의 ... 요소 선택하기

1. 자식 요소 선택 이런 식으로 news-content 의 자식 요소인 경우(바로 하위에 위치하는) > 를 사용하면 선택된다. 2. 자식의 자식 요소 선택 그러나 만약.. news-content 안에 수많은 자식 요소가 있고 그 자식요소의 또 자식이라면..? 심지어 극단적으로 자식의 자식의 자식의 자식의.. 이런 경우도 발생이 가능한 경우라면? 바로 하위요소를 인식하는 > 로는 지정해줄 수 없다. 그런 경우 띄어쓰기를 이용하면 된다.
CSS 2021.01.14

일정한 사이즈 div 안에 이미지 넣기 (잘리면서 꽉차게, 잘리지 않고 축소)

+) 이번 프로젝트를 진행하면서 퍼블리싱 부분에서 가장 애를 먹었던 부분. 혹시 제가 놓친 점이나 더 좋은 방법, 다른 방법이 있다면 얼마든지 알려주시기 바랍니다. 1. 잘리면서 꽉차게 * 상위 div 에 꽉 채우고 싶다. * 비율이 깨지지 않도록 한다. * 이미지의 가운데 부분이 보여지도록 한다. * 넘치는 부분은 자른다. HTML 예시 CSS 예시 .image-box { width:380px; height:220px; overflow:hidden; margin:0 auto; } .image-thumbnail { width:100%; height:100%; object-fit:cover; } width: 380px, height: 220px 인 상위 div 가 있다. 이 div 에 딱 맞게 어떤 비율의..
CSS 2020.12.17
1
더보기

티스토리툴바