감성 퍼블리셔 html,css

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이하 버전을 대상으로 합니다.

모바일 웹 제작시 meta태그 설정 설정방법 설정 사항 meta name="viewport" : 뷰포트 선언 content="width=device-width" : 콘텐츠를 표현할 넓이 ('디바이스 크기에 맞추겠다' 고 선언) intial-scale=1 : 초기 크기 설정(기본 꽉찬 화면) minimum-scale=1 : 최소 크기 설정 (기본값 : 0.25, 범위 : 0~10.0) maximum-scale=1 : 최대 크기 설정(최대 배율 범위 : 0~10.0) user-scalable=no : 사용자 단말의 확대기능 사용 유무 선언(yes/no) ---------------------------------------------------------------------------------------..

* HTML 도움 사이트 http://naradesign.net/wp/ ( 정찬명님 블로그 ) http://helloworld.naver.com/helloworld ( NHN 개발자 블로그 ) http://dev.naver.com/ ( 네이버 개발사 센터 ) http://html.nhncorp.com/ ( 네이버 널리 ) http://ui.daum.net/ ( 다음 웹표준 다룸 ) http://troy.labs.daum.net/ ( 디바이스별 확인 가능 사이트 ) http://opentutorials.org/course/1 ( 생활코딩 ) http://entitycode.com/#featured-content ( 특수문자 ) * 미디어 쿼리 사이트 http://bradfrost.github.io/this..

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; 당신은 ..

CSS3의 box-shadow 속성을 사용하면 요소의 외부 또는 내부에 그림자를 만들 수 있습니다. box-shadow 속성을 지원하지 않는 익스플로러에서는 익스플로러의 확장 기능인 filter를 사용합니다. drop-shadow: x-offset y-offset blur spread color inset; 그림자는 2~4개의 길이 값을 지정할 수 있으며, 추가로 색상과 inset 키워드를 지정할 수 있습니다. · x-offset: 가로 그림자의 오프셋 거리입니다. 양수를 지정하면 오른쪽으로, 음수를 지정하면 왼쪽에 그림자가 생깁니다. 필수속성이므로 반드시 지정해야 합니다. · y-offset: 세로 그림자의 오프셋 거리입니다. 양수를 지정하면 아래로, 음수를 지정하면 위에 그림자가 생깁니다. 필수속성이..