본문 바로가기

반응형

HTML CSS

(13)
opener.location.reload() - 팝업창을 띄운 부모창 새로고침 https://blog.naver.com/PostView.nhn?isHttpsRedirect=true&blogId=hjc426&logNo=130031536308 opener.location.reload() 팝업창을 띄우기 전의 부모창을 새로고침 opener.location.replace("URL 정보") 부모창의 URL을 대체시켜준다 window.opener.document.location.href = window.opener.document.URL 위와 같이 써도 된다 --------------------------- 만약 opener.location.reload() 시 부모창에서 다시시도.... 어쩌구 저쩌구 하는 경고창이 뜰 경우 부모창에서 팝업창으로 submit 하는 방식을 post에서 get 으..
flex : 세로 가운데 정렬된 2x2 박스 1 1 1 1 1 2 2 2 3 3 3 4 4 4 4
CSS 텍스트 드래그 선택 금지 | CSS Disable Text Selection devstar21.blogspot.com/2016/06/css-css-disable-text-selection.html CSS 텍스트 드래그 선택 금지 | CSS Disable Text Selection 웹개발 팁에 관한 블로그입니다. devstar21.blogspot.com .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } Unselectable text
레이아웃 관련 메모 css에서 이미지에 직접 크기를 지정해주는 것보다 이미지의 부모 영역(div 같은것)에 범위를 지정해주고, 이미지는 크기를 100%로 해주는게 좋다. 물론 원본 이미지의 실제 크기가 중요하다. 이미지와 이미지 사이에 벌어진 틈은 font-size: 0 을 해주면 없어진다. 물론 텍스트가 들어갈 일이 있으면 할 필요 없다.
CSS 글자 밑 호버 이펙트 (Bottom Border Hover Effect) 출처: https://hunit.tistory.com/386 [Ara Blog] See the Pen text hover bottom border by hwd3004 (@hwd3004) on CodePen.
전환효과 있는 가로 크기 100% 이미지 수동 가로 슬라이드 See the Pen 100% size width image horizon slide by hwd3004 (@hwd3004) on CodePen.
가로 크기 100% 이미지 수동 슬라이드 See the Pen image slide by hwd3004 (@hwd3004) on CodePen.
media query 화면 크기 조절시 웹 컨텐츠 크기 조절 See the Pen media query by hwd3004 (@hwd3004) on CodePen.

반응형