basic 썸네일형 리스트형 [css] 속성 선택자 input[type="checkbox"]:checked~ul{ /* []:checked 체크된 체크박스를 선택하는 선택자. ~기호는 check된 이후의 ul을 선택 */ display: none; } 더보기 [css] 그림자 효과 box-shadow #id{ box-shadow: 5px 5px 5px rgba(0,0,0,0.5); /* x축, y축, 흐릿함과 확산 정도, 색깔 */ } 더보기 [css] 색깔 지정 rgba(0,0,0,0.2) #id{ border: 3px solid rgba(0,0,0,0.2); } 더보기 [css] 내부 요소의 크기를 맞추고 싶은 경우 width, height #parent child{ width: 100%; height: 100%; } 더보기 [css] border 사용법 #id{ border: 3px solid red; } 더보기 [css] multi column 만들기 #columns{ column-count: 3; /* column-width: 300px; */ column-gap: 0; /* margin을 줄인 후, 그럼에도 불구하고 공백이 남을 경우 */ } #columns figure{ display: inline-block; /* 이렇게 지정하면 내용이 분리되는 것을 막을 수 있음 */ } 더보기 [html] figure tag 이미지 파일만 웹 페이지에 첨부된 것이 아니라, 설명까지 있는 경우에 다음과 같이 사용합니다. blahblah 더보기 [javascript] 클라이언트 쪽에서 페이지 이동. location.href 더보기 이전 1 ··· 3 4 5 6 7 8 다음