일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 소스보기방지
- box-shadow
- break-all
- font
- html5
- font-size
- white-space:pre
- Gallery
- 개발자도구함
- 웹표준
- 웹표준 약도
- jQuery
- CSS
- keep-all
- mobile view
- 키보드방지
- Filter
- onmouseup
- onlosecapture
- meta
- 스크립트
- IE8
- view test
- word-break
- HTML
- 모바일테스트
- css3
- Ajax
- Mobile
- JavaScript
- Today
- Total
목록HTML/CSS (27)
감성 퍼블리셔 html,css
CSS3의 box-shadow 속성을 사용하면 요소의 외부 또는 내부에 그림자를 만들 수 있습니다. box-shadow 속성을 지원하지 않는 익스플로러에서는 익스플로러의 확장 기능인 filter를 사용합니다. drop-shadow: x-offset y-offset blur spread color inset; 그림자는 2~4개의 길이 값을 지정할 수 있으며, 추가로 색상과 inset 키워드를 지정할 수 있습니다. · x-offset: 가로 그림자의 오프셋 거리입니다. 양수를 지정하면 오른쪽으로, 음수를 지정하면 왼쪽에 그림자가 생깁니다. 필수속성이므로 반드시 지정해야 합니다. · y-offset: 세로 그림자의 오프셋 거리입니다. 양수를 지정하면 아래로, 음수를 지정하면 위에 그림자가 생깁니다. 필수속성이..
이번 글의 주제 캐싱입니다. 프로그램 소스 html, css, script 등을 변경해서 서버에 반영을 했는데. 특정 사람들에 한하여 반영된 소스가 안보일 경우가 있습니다. 보통 같은 파일명의 파일에 내부소스를 변경하거나 추가했을시 적용되지 않을것처럼 헝클어지거나, 어긋나 보이는 현상이기도 하지요. 가서 확인을 해보면 임시 인터넷 폴더에 해당 파일(캐싱)이 존재해서 인데요. 개발자 입장에서 쉽게 해결하는 방법 1. Ctrl + F5를 입력하라고 한다. - 입력할 경우 캐싱된 파일들을 날리고 새로 받습니다. 2. 인터넷 설정에서 임시인터넷 파일 설정을 웹 페이지를 열 때마다로 변경 한다. 이 두 가지는 정말 개발자 입장에서 처리한 것 이라서 사용자가 난 그리 못하겠다고 하면 답이 없습니다. 최초 유효방문자..
CSS display none과 block 속성 이해하기 css 속성중 많이쓰는 display none, display block 에 대해 알아보도록 하겠습니다. 이 css 속성은 javascript, jquery 로 toggle 형식을 만들때 많이 쓰고있을텐데요. display에는 4가지 속성이 존재합니다. 1. display - block 2. display - inline 3. display - none 4. display - inline-block 위 속성에 대한 기능에 대해서 알아볼까요? 1. block -적용된 태그는 블록요소를 가지며, 가로값이 100%로 줄바꿈이 일어납니다. span태그같이 inline태그에 사용해도 같은 기능을 가집니다. 2. inline -적용된 태그는 인라인요소를 가지..
footer가 항상 최하단에 붙어있기 (HTML/CSS) 출처 : http://blog.naver.com/parkgaya?Redirect=Log&logNo=130120356744 종종 어떤 홈페이지에 footer가 항상 촤하단에 붙어있는 경우를 보게 된다. (예 http://mail.naver.com, http://me.naver.com/index.nhn 등 로그인페이지) 창의 크기에 상관없이 그리고 창의 크기가 변화하여도 항상 최하단에 고정되어서 움직입니다. 콘텐츠 시작 여기까지 COPYRIGHT 원하는 기능은 메뉴/컨텐츠/푸터로 나누고 메뉴 / 푸터를 제외한 부분만큼 스크롤 없이 화면에 꽉 차있고 푸터는 늘 화면 하단에 위치 일단 스타일 시트부분을 기존에 만들어진 페이지들에 쓰이는 클래스 네임을 바꿔..
원하는 색깔을 드래그해서 복사하십시오. #93DAFF #98DFFF #9DE4FF #A2E9FF #A7EEFF #ACF3FF #B0F7FF #B4FBFF #B9FFFF #C0FFFF #87CEFA #91D8FA #A5D8FA #AFDDFA #B9E2FA #C3E7FA #CDECFA #D7F1FA #E1F6FA #EBFBFF #00BFFF #0AC9FF #14D3FF #1EDDFF #28E7FF #32F1FF #3CFBFF #46FFFF #96FFFF #C8FFFF #00A5FF #00AFFF #00B9FF #00C3FF #00CDFF #00D7FF #00E1FF #00EBFF #00F5FF #00FFFF #1EA4FF #28AEFF #32B8FF #3CC2FF #46CCFF #50D6FF #5AE0FF ..
HTML: CSS 로 onfocus=this.blur() 설정 링크잡힌 부분에 점선을 없애주는 onfocus=this.blur() 효과를 하나하나 주지않고, CSS로 일괄적용하는 방법입니다. a { selector-dummy : expression(this.hideFocus=true); } 이렇게 하면 매번 onfocus=this.blur() 로 포커싱을 없애주지 않아도 전체일괄로 링크가 잡힌곳은 적용이 됩니다.
[CSS3] background-size 속성 사용법 background-size 속성은 CSS3에서 추가된 속성으로, CSS3 이전에는 처리할 수 없었던 배경 이미지 크기를 조정할 수 있다. 값은 px와 % 같은 단위로 쓸 수 있고, auto, cover, contain과 같은 키워드를 쓸 수도 있다. background-size : 가로크기 세로크기; 원본 크기 기본값은 auto이며, 요소 배경으로 이미지를 삽입하면 요소 크기와 상관 없이 이미지 원본 크기대로 처리한다. background-size:auto 400px; 가로 크기를 auto로 설정하고 세로 크기를 400px로 설정하면 이미지의 세로 크기가 400px로 바뀌고 가로크기는 세로크기 대비 원본 비율에 맞추어 바뀐다. background-s..
HTML5, AJAX, CSS3두가지 기술은 기존의 비교적 정적이고 단순한 정보를 보는 매체 즉 웹 문서를 보는 HTML 기술과 javascript 기술을 웹 애플리케이션으로서의 기능, 더 나아가 Web 2.0의 포괄적인 요구사항을 효율적으로 지원하기 위해 개선된 최신 기술입니다. 차이점 HTML5는 텍스트, 이미지, 미디어 등의 정보의 구조를 정의한다. AJAX는 HTML의 정보를 조작한다. 동일한 점 두 가지 기술은 웹을 문서를 보는 매체에서 애플리케이션을 구동하기 위한 기술이다. CSS3 차세대 웹이라면 현재 Web 2.0이라 불리워지는 Rich Client(멀티미디어와 웹 기반 애플리케이션)과 집단 지능, 매쉬업, 소셜 네트워크, 사용자 참여 정보(UCC), 협업, 지능형 웹 등의 특징을 들 수 ..