pm1122dev의 비밀노트

보통 홈페이지 제작시 Icon을 많이 사용하는데 아이콘의 경우는 이미지를 사용할 수 있지만 단점으로는 이미지의 경우는 나중에 크기나 색을 수정시에 재작업을 해야한다는 불편함이 있습니다. 그래서 그러한 문제를 해결하기위해서 font-icon을 사용하는데 대표적인것으로 Font-Awesome이 있습니다. http://fontawesome.io/ 사이트에 접속하면 get-started에 사용방법이 나와 있는데 CDN을 이용해서 사용하면 됩니다. 예제 및 사용법 CDN을 head사이에 넣어서 사용하시면 됩니다. 방법은 폰트어썸 홈페이지에서 아이콘을 누르시면 아이콘들이 나오는데 i태그로 되어 있습니다. 이렇게 되어있는데 이 부분을 복사해서 홈페이지에 넣고 싶은 부분에 넣으시면 됩니다. css 수정의 경우는 폰트를..

오늘은 border, margin, padding, width, height 적용하는 방법에 대해서 알아보겠습니다. 다 기본적으로 알아둬야 하는 요소이며 간편한 것이기 때문에 한번에 소개하도록 하겠습니다. width 및 height에 대해서 가장 먼저 알아보겠습니다. 예제 width 500px, height 200px; 사용방법 width 500px, height:200px; 두번째로 border에 대해서 알아보면 예제 border입니다.사용방법 border입니다. margin 상하좌우 30px적용 보시면 margin:70px;로 들어가있습니다. 상하좌우 70px을 적용시키는 겁니다. 그외에 방법으로는 상하 좌우 따로주는 방법이 있습니다. 상하/좌우 따로주는 방법 상하는 70px, 좌우는 40px을 적용..

오늘은 배경색 넣는 방법에 대해서 알아보겠습니다. html5가 뼈대라고 하면 css3는 옷이고 jqeury,javascript 는 움직임을 주는거라고 생각하시면 될 것 같습니다. 일단 스타일을 주기 위해서는 예제안녕하세요사용방법 안녕하세요 위에서 보시는 것과 같이 배경색은 background{여기안에 색을 지정해주시면 됩니다. } 그리고 글자색과 같은경우는 color{배경색과 마찬가지로 여기에 색상값을 지정해주시면 됩니다.} 사용방법에 대해 부가설명을 드리면 일단 스타일을 주려면 여러가지 방법이 있습니다. class나 id값을 주거나 아니면 dom구조를 이용해서 찾아가는 방법 등 있습니다. 1. class 와 id를 사용하는 방법은 직접 class="", id="" 값을 넣어서 하면 됩니다. 여기에서 알..