일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- JavaScript
- box-shadow
- Mobile
- IE8
- Gallery
- onlosecapture
- break-all
- word-break
- font
- CSS
- meta
- 스크립트
- Ajax
- 모바일테스트
- white-space:pre
- Filter
- html5
- 소스보기방지
- HTML
- jQuery
- view test
- 웹표준
- 웹표준 약도
- font-size
- 키보드방지
- mobile view
- 개발자도구함
- css3
- onmouseup
- keep-all
- Today
- Total
목록HTML/CSS (27)
감성 퍼블리셔 html,css
E8버전 이하에서 HTML5 사용하기 HTML5를 사용하려고 해도 IE8이하에서는 새로운 semantic 태그를 인식하지 못한다. 하지만 국내 IE7,8의 사용자는 2013년 9월 현재 42%에 달하고 있다는 국가적 특수성(?)이 이런 현실에 문제를 낳고 있다. 그래도 다행인것이, 100%는 아니지만, IE8버전 이하에서 HTML5를 사용할 수 있도록 하는 스크립트가 있다는 것이다. 이 스크립트를 사용하기 위해서는 아래와 같은 스타일이 적용되어야 한다. 출처 : http://ninja099.blog.me/60199524668
header 사이에 하단의 메타태그를 활용하여 호환성보기를 없앤다. ex) 호환성보기 없애기
[css]text-transform Property: text-transform 형식: text-transform: none / uppercase / lowercase / capitalize / inherit none 기본값이며, 영문 대소문자를 변경할때 사용 됩니다. uppercase : 영문 소문자는 대문자로 변환하여 출력 lovercase: 대문자는 소문자로 변환하여 출력 capitalize: 첫글자는 대문자로 출력
meta Element가 무엇입니까? meta element는 현재 페이지를 정의하거나 관련한 모든 사항을 담고 있으며 이러한 사실을 http client에게 알립니다. developer간의 약속에 따라 meta는 적어도 반드시 body의 시작점 위에, head container안에 존재하여야 합니다. meta Element의 종루에는 어떠한 것이 있습니까? 1. meta http-equiv="content-type" content="text/html;charset=euc-kr" 현재 페이지가 한글로 입력되었고 한글로 인코딩 할 것임을 의미함. 2. meta http-equiv="refresh" content="5;url=http://www.ibm.com" t초 후에 특정 url로 이동하게 함. 2. m..
HTML CSS / Font-size (em,px,pt,%) 웹에서만 사용하다 모바일을 고려하다 보니 font-size가 문제가 됩니다. 각종 기기마다 해상도가 다르다 보니 컨텐츠의 text 내용이 작아보이거나 너무 크게 보이는등의 문제가 발행합니다. font-size 의 단위를 설정하는 방법은 크게 고정단위(px)와 유동단위(%,em)이 있는대 모바일에서 확대 또는 축소되어 보이려면 유동단위를 사용해 주면 됩니다. CSS에서는 글자 폰트 크기나 width, height 등의 크기를 지정할 때 다양한 단위를 사용할 수 있다. pt(포인트), px(필셀), em, ex, % 대부분의 브라우저는 단위를 사용하지 않으면 자동으로 px(픽셀)단위로 인식하여 렌더링을 하게 되지만, 현재 표준은 0을 제외하고 단위..
IE 조건부 주석 표기법 ie 조건부 주석 - [if IE5] – IE5 이상의 모든 버전을 대상으로 합니다(조건부 주석기능은 ie5버전 부터생겼습니다) - [if IE5],[if IE7]… – IE라는 글자와 버전 숫자 사이에 빈칸이 있습니다. 이것은 특정 브라우저 버전 한 개를 대상으로 합니다. - [if gt IE 6] – gt는 초과라는 뜻, 이 예는 ie6초과 버전을 대상으로합니다. - [if gte IE 7] – gte는 이상이라는 뜻, 이 예는 ie7이상 버전을 대상으로 합니다. - [if lt IE 8] – lt는 미만이라는 뜻입니다. 이 예는 ie8미만 버전을 대상으로 합니다. - [if lte IE 6] – lte는 이하라는 뜻, 이 예는 ie6이하 버전을 대상으로 합니다.
CSS word-wrap 이해하기 어떤 영역을 설정해주었을 때, 텍스트는 띄어쓰기 공백을 기준으로 줄 바꿈을 하게 된다. 이는 바꿔 말하면 띄어쓰기가 되어 있지 않은 텍스트는 영역을 벗어날 수 있다는 말이 된다. 띄어쓰기가 없는 텍스트의 대표적인 경우가 바로 링크를 입력할 때이다. 그림1 그림2 word-wrap 이라는 코드를 이용하면, 이나 에서처럼 공백없는 텍스트가 영역을 벗어나는 문제를 해결할 수 있다. word-wrap: normal; 노멀은 기본(default)값이다. 노멀로 설정하면 텍스트는 공백을 기준으로 줄 바꿈을 하게 된다. word-wrap: break-word; break-word를 값으로 주게되면, 텍스트는 띄어쓰기와 관계없이 줄바꿈을 하게 된다.
2008 년 7 월 마이클 벤트너는 구현 CSS 속성 상자 그림자 (모질라의 -moz-box-shadow라는 이름으로 까지 사양이 안정을). 이 게시물에서 나는 상자 그림자가 작동하는 방법의 간단한 요약을 제공하고 싶습니다. 조금 만든 데모 페이지를 , 당신은이 게시물에 표시되는 모든 그림자가 해당 페이지에서 스크린 샷입니다. 사용 최근 파이어 폭스 야간 빌드 를 볼 수 있습니다. 개요 상자에 상자 그림자를 설정하는 가장 기본적인 방법은 사용하는 박스 그림자 : box-shadow: [x offset] [y offset] [color]: box-shadow: 5px 3px black; 다른 번호를 추가하면 흐림 반경을 지정할 수 있습니다 : box-shadow: 3px 3px 5px black; 당신은 ..