분류 전체보기 (493) 썸네일형 리스트형 초간단 슬라이드 만들기 I (javascript ) [JavaScript를 이용한 초간단 슬라이드 만들기] 인터넷을 돌아다니다가 유튜브에서 자바스크립트 기초 강좌중에 간단한 슬라이드 만들기가 있어서 가져왔습니다. 원래 강좌에 간단한 CSS 박스만 추가해서 만들어 봤습니다. 아래쪽에 유튜브 강좌도 링크 했습니다. code [JavaScript를 이용한 초간단 슬라이드 만들기] 자바스크립트 테스트 사진들 CSS 기초강좌 16 (Position) [ position 및 relative,absolute,fixed,static 이해하기 ] 우리가 레이아웃을 만들때는 보통 CSS의 세가지 속성을 많이 사용합니다. display, position, float 입니다. 이 세가지는 무척 중요하고 까다롭기도 합니다. 만약 위의 3가지를 정확히 이해하신다면 웹페이지의 Layout을 구성하는 것이 상당히 수월해지지 아닐까 생각합니다. 물론 저는 아직 초보라서 위의 세가지를 정확히 이해하지 못합니다. 다만 제가 아는 범위에서만 포스팅 하려고 합니다. 그럼 이전에 연재했던 display에 이어 position에 대해 알아보기로 하겠습니다. Position 이 속성에는 여러가지 적용값이 있지만 가장 많이 사용하는 4가지만 알아보겠습니다. static, relativ.. CSS 기초강좌 15 (display:block display:inline) CSS display:block display:inline CSS에서 Display는 문자그대로 유저에게 "보여주는" 속성입니다. 보여줄때 어떻게 보여주느냐에 따라 몇가지의 값을 갖습니다. block, inline, inline-block, none, table,.. 이죠. 1. none 그냥 보여주지 않는 것이죠. (ex; display:none) 이 속성값은 원래 보여져야할 부분이 차지하고 있던 영역까지 없애버립니다. 이에비해 visibility라는 CSS 속성이 있는데 visibility:hidden 라고 코딩하면 보이지 않게 감춰버린 요소의 자리가 여전히 남아 있는 상태로 보여집니다. 예제1 여기는 첫행입니다 Visibility 로 감춰집니다 바로 위에는 Visibility 속성으로 줄이 없어졌는.. 괜찮은 CSS 패턴 사이트들 요즘은 웹페이지를 디자인할때 대부분 CSS로 많이들 합니다. 예전에는 웹요소들을 만들때 Photoshop을 이용하곤 했습니다. 버튼이나 바, 아이콘등을 Photoshop으로 만들고 웹페이지에 적용 시겼죠. 하지만 지금은 CSS3로 거의 모든 요소들을 만들 수 있기도 하고, 반응형 웹사이트를 만들경우 이미지 요소는 레이아웃을 흩어지게 하기 때문에 잘 사용하지 않습니다. 그럼에도 불구하고 백그라운드의 패턴 같은 경우는 CSS로 만드는 것보다는 이미지를 사용하는 것이 웹페이지를 더욱 멋지게 만들 수 있습니다. 그래서 오늘은 background의 이미지 패턴 사이트 1곳과 CSS3로 만들어진 패턴사이트 1곳, 그리고 웹상에서 스스로 패턴을 만들어 볼 수 있는 곳 1곳을 소개해 드리겠습니다. 이미지 패턴 사이트 .. 이전 1 ··· 79 80 81 82 83 84 85 ··· 99 다음 목록 더보기
