알콜뭉뭉이랜드

표준 . Standard -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* future proofing */ -khtml-border-radius: 10px; /* for old Konqueror browsers */ 개별설정 . Individual Corners -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomright: 30px; -moz-border-radius-bottomleft: 0; -webkit-border-top-left-radius: 10px; -webkit-border-top-r..

. 큰 이미지를 작게해서 반복하기 . 이미지 늘이기 . 작은 이미지를 크게하기 . 특별한 값: "contain"과 "cover" CSS 이미지 비율유지, 최대크기로 cover CSS 이미지 비율유지, 최대크기로 crop /* Keywords syntax */ background-size: cover; background-size: contain; /* One-value syntax */ /* the width of the image (height set to 'auto') */ background-size: 50%; background-size: 3em; background-size: 12px; background-size: auto; /* Two-value syntax */ /* first value:..

▣ 정의 텍스트가 어떤 방향으로 흘러가는 것을 표현합니다. ▣ 예제표현하고자 하는 글자를 입력합니다. 표현하고자 하는 글자를 입력합니다. ▣ 속성 • align="값" (값 = left / right / center / justify) : 흘러 가는 텍스트 영역 밖에 있는 본문의 정렬 상태를 설정합니다. • behavior="값" (값 = scroll / slide / alternate) : 흘러가는 텍스트의 형식을 지정하며, scroll은 텍스트가 흘러가다 사라지고, slide는 흘러가다 마지막에 멈추며, alternate는 양쪽 방향으로 왕복합니다. • bgcolor="색이름 / SRRGB" : 흘러가는 텍스트의 배경색을 지정 합니다. • datasrc="소스 파일 이름" : 홈페이지에 연결될 표 데..

툴팁(tooltip attribute)은 다른 말로 "도구설명"이라고도 합니다. 익스플로러나 워드프로세서 등의 프로그램들을 보면 도구단추들이 있는데, 이러한 도구단추 위로 마우스를 올리면 시작, 검색 등의 글자가 나타나 도구단추의 용도를 알려줍니다. 툴팁은 바로 이러한 것을 말합니다. 다른말로는 "풍선도움말"이라고도 하지요. 1.이미지에 설명글 달기. img 태그에서 alt속성은 이미지를 로딩할 수 없는 상황에서 그 이미지를 대체하기 위한 텍스트입니다. title속성은 base, head, html, meta, param, script, style, title 태그를 제외한 태그에 사용할 수 있으며, 해당 엘리먼트에 마우스를 가져가면 띄워줄 툴팁(tooltip) 메시지를 설정할 수 있습니다. IE에서는 ..

세로모드일 때 출력 가로모드일 때 출력 관련자료 http://blog.kgom.kr/68

IE의 렌더링은 3가지 방법에 의해 적용 1. DoctypeDOCTYPE 선언URL 표기 유무랜더링 모드DOCTYPE 없음n/aIE6이하HTML (Version 지정 없음)IE6이하HTML 2.0IE6이하HTML 3.0IE6이하HTML 4.0IE8HTML 4.0 FramesetURL 있음IE8URL 없음IE6이하HTML 4.0 TransitionalURL 있음IE8URL 없음IE6이하HTML4.0 Strictn/aIE8XHTMLIE8Unrecongnized DOCTYPEIE8 2. Http 리스폰스 헤더 3. Meta 태그레이아웃 모드모드값IE6 이하IE=5IE7IE=7IE8IE=8무조건 최신IE=edge IE=5 : 관용모드(quirks mode)로 지정된 DOCTYPE에 상관없이 IE5 렌더링 방식이..

div 속성중 overflow:hidden 은 div 레이아웃을 깨지지 않게 하는 중요한 요소입니다. 아무리 사이즈 조절을 잘해도 옆어로 죽~ 늘어나는 게시물에는 대책이 없죠;;그런데 overflow:hidden 이 IE에서 잘 안먹히는 겁니다!!!!! 익스플로러9 버젼부터는 고쳐졌기를 바라지만 IE8, IE7 은 이방법을 꼭 써야 overflow hidden 이 됩니다.바로 익스플로러는 width style을 꼭 지정해 줘야해요. ex)

CSS에서는 글꼴 크기를 지정할 때 font-size 속성을 사용합니다. 사용 예 p { font-size: 1em; } 속성값은 다음과 같습니다. 절대값 : 고정된 크기. 장치에 따라 크기를 조절할 수 없음. px, pt, cm 등의 단위로 지정하거나 xx-small, x-small, small, medium, large, x-large, xx-large 중에서 선택 medium은 기본값으로 12pt=19px=13m=100% *구 IE 버전의 경우, small이 기본값이라 doctype을 선언해주어야 medium이 기본값으로 나옵니다 DOCTYPE 선언하는 이유와 버전별 선언 정리 (HTML5, HTML 4, XHTML) 상대값 : 상대적인 크기. 장치에 따라 크기 조절이 가능함. em, %, smal..

말그대로 유저가 홈페이지 접속시 특정페이지로 보내는 방법입니다. ◆ 방법 1 - 메타태그를 이용하는 방법. ================================================ 아래 소스를 사이에 삽입 ◆ 방법 2 - PHP ======================================================= ◆ 방법 3 - ASP ======================================================= ◆ 방법 4 - 자바스크립트 이용 =============================================== ◆ location.href 를 쓸때 프레임을쓸 경우에는 아래와 같이 상위 프레임의 이름을 써주고 href를 써줘야 한다 예로..

모바일 브라우저 주소표시창 색상 변경 안에 로 하시면 주소표시창은 색상코드로, 인터케이터바의 색상은 더 짙게 표시됩니다 간단한 오늘 날짜, 요일표시 원하시는 위치에 위 함수 넣어 주시면 05.21 (일) 같이 표시 됩니다. 변환기 http://nuridol.net/if_convert.html 검색엔진에 특정 페이지 검색 안되게하는 메타 태그 아래 태그를 html태그의 부분에 복사해서 넣으시면 됩니다.이런 태그가 있으면 검색엔진에 검색안됩니다 무조건 안되는건 아니고 검색엔진이 규칙을 지킬경우만.. 모든 검색엔진 로봇 차단하는 메타태그 특정 검색엔진만 차단하는 메타태그구글 차단 네이버 차단