감성 퍼블리셔 html,css

1. font 지정한 요소의 폰트설정을 합니다. font-style : 폰트의 스타일을 정의합니다. font-variant : 폰트의 소문자를 작은대문자로 설정합니다. font-weight : 폰트의 두께를 정의합니다. font-size : 폰트의 사이즈를 정의합니다. line-height : 글자간 높이를 정의합니다. font-family : 폰트를 지정합니다. caption : 폰트를 컨트롤 자막 스타일로 정의합니다. icon : 폰트를 아이콘 라벨 스타일로 정의합니다. menu : 폰트를 드롭다운 메뉴 스타일로 정의합니다. message-box : 폰트를 다이얼로그 박스 스타일로 정의합니다. small-caption : 폰트를 작은 자막 스타일로 정의합니다. status-bar : 폰트를 스테이터스..

[웹표준/HTML] 과 차이, 과 의 차이 보통 웹 표준을 살펴보다 보면 대신에 을 사용하라는 이야기를 들어본 적이 있을 것입니다. 왜? 대신 을 사용해야 할까요? 실제 사용해보면 나 모두 동일하게 굵게 표시되기 때문에 큰 차이가 없어 보입니다. 그럼.. 먼저 W3C에서 과 태그를 설명하는 부분을 살펴 보시죠. EM and STRONG are used to indicate emphasis. The other phrase elements have particular significance in technical documents. These examples illustrate some of the phrase elements: Please refer to the following reference numb..

[css]text-transform Property: text-transform 형식: text-transform: none / uppercase / lowercase / capitalize / inherit none 기본값이며, 영문 대소문자를 변경할때 사용 됩니다. uppercase : 영문 소문자는 대문자로 변환하여 출력 lovercase: 대문자는 소문자로 변환하여 출력 capitalize: 첫글자는 대문자로 출력

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) ---------------------------------------------------------------------------------------..

CSS word-wrap 이해하기 어떤 영역을 설정해주었을 때, 텍스트는 띄어쓰기 공백을 기준으로 줄 바꿈을 하게 된다. 이는 바꿔 말하면 띄어쓰기가 되어 있지 않은 텍스트는 영역을 벗어날 수 있다는 말이 된다. 띄어쓰기가 없는 텍스트의 대표적인 경우가 바로 링크를 입력할 때이다. 그림1 그림2 word-wrap 이라는 코드를 이용하면, 이나 에서처럼 공백없는 텍스트가 영역을 벗어나는 문제를 해결할 수 있다. word-wrap: normal; 노멀은 기본(default)값이다. 노멀로 설정하면 텍스트는 공백을 기준으로 줄 바꿈을 하게 된다. word-wrap: break-word; break-word를 값으로 주게되면, 텍스트는 띄어쓰기와 관계없이 줄바꿈을 하게 된다.

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