프로그래밍언어/HTML, CSS (4) 썸네일형 리스트형 [CSS] 추가 클래스 - Multiple Class https://stackoverflow.com/questions/1065435/can-a-css-class-inherit-one-or-more-other-classes Can a CSS class inherit one or more other classes? Is it possible to make a CSS class that "inherits" from another CSS class (or more than one). For example, say we had: .something { display:inline } .else { background:red } What I'... stackoverflow.com https://velog.io/@sophia9901/CSS%EC%8A%A4%ED%83%80.. Table CSS 테이블 정렬하기 .table { width: 80%; max-width: 800px; margin: auto; table-layout: fixed; border-collapse: collapse; } td { background-color: white; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } 둥글게 깎기 thead:first-child tr:first-child th:first-child { border-radius: 10px 0 0 0; } thead:first-child tr:first-child th:last-child { border-radius: 0 10px 0 0; } tbody:last-child tr:last-c.. 내 마음대로 적는 CSS - 2 : background 관련 CSS 총집합! background-color: white; background-image: url('image.jpg'); background-position: center; background-size: contain; background-repeat: no-repeat; background-attachment: fixed; 내 마음대로 적는 CSS -1 : 의사요소, 의사클래스, box-sizing, margin, overflow *, ::after, ::before{ box-sizing: border-box; margin: 0; } 위 CSS 규칙은 '*' (모든요소), '::after', '::befre' 두 가지 의사요소(pseudo-element)에 적용합니다. 규칙 내용은 먼저 'box-sizing' 속성을 'border-box'로 설정합니다. 요소의 총 너비와 높이를 계산할 시 패딩(padding)과 테두리(border) 너비를 포함시키도록 지시합니다. 또한 'margin' 속성을 0으로 설정하여 기본 마진을 제거합니다. 1. 의사요소 (pseudo-element) 의사요소란 CSS 선택자의 일종으로서, 선택한 요소의 일부분에 가상의 요소를 생성합니다. HTML 코드 상에는 존재하지 않지만 CSS를 사용해 내부 특정 위.. 이전 1 다음
