728x90 반응형 분류 전체보기298 [CSS3] 영역 크기의 따라 글자가 다음줄로 넘어갈때 써야하는 word-break word-break 란 css에서 줄바꿈을 어떻게 할 것인가를 결정한다! 지정된 width 값보다 문장이 길어질때 줄바꿈이 되는 위치를 결정한다. 예를들어 안녕하세요. 홍길동입니다. 위와 같은 문장이 있을 때 안녕하세요. 홍 길동입니다. 안녕하세요. 홍길동입니다. 와 같이 어떤 방법으로 줄바꿈 할것이냐의 차이 입니다. word-break: normal 한글은 한자한자 / 영어는 단어로 / 기타 다른언어의 텍스트는 임의의 지점에서 깨진다. word-break: break-all 이건 모든 글자가 한글자씩 나뉜다 word-break: keep-all 띄어쓰기 되어있는 부분에서 줄바꿈 아래에서 어떤 차이인지 확인해보세요. See the Pen word-break by gahyun (@gahyun) on Cod.. 2019. 4. 18. [HTML5] a 태그를 이용해 다운로드를 구현하는 방법 2019. 4. 18. [CSS3] 이미지에 hover 애니메이션 효과 넣기 이미지를 좀 더 효과적으로 보여줄 수 있는 hover 애니메이션을 css animation 을 통해 구현하였다. 이미지에 호버햇을 때 그라데이션으로 하얀 배경을 깔아 이미지에 대한 설명을 보여주거나 흑백블러 처리를 한 이미지에서 마우스를 올렸을때 원래의 이미지를 보여주거나 등등 마우스를 올렸을때 해당 글을 내용을 보여주는 다양한 효과들을 구현하였다 See the Pen images hover animation by gahyun (@gahyun) on CodePen. 이미지 숨기고 hover하면 보여주기 See the Pen img hover by gahyun (@gahyun) on CodePen. See the Pen Untitled by gahyun (@gahyun) on CodePen. [CSS/CS.. 2019. 4. 18. [JAVASCRIPT/JQUERY] 자바스크립트(&제이쿼리) 선택자 1. 클래스 선택자 document.getElementsByClassName("클래스명"); $(".클래스명"); //해당클래스명을 가진 전체 요소를 배열로 반환합니다. 배열로 반환되므로 document.getElementsByClassName("클래스명")[0] document.getElementsByClassName("클래스명")[3] 과 같이 특정요소 선택이 가능합니다. 제이쿼리에서는 $(".클래스명").eq(0) $(".클래스명").eq(3) 과 같이 사용 가능합니다. 2. 아이디 선택자 document.getElementById("아이디"); $("#아이디"); //해당 아이디를 가진 요소를 반환합니다.(아이디값은 html내에서 1개만 존재함 -중복허용 X) 3. 태그 선택자 document.g.. 2019. 4. 18. 이전 1 ··· 63 64 65 66 67 68 69 ··· 75 다음 728x90 반응형