감성 퍼블리셔 html,css

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: 세로 그림자의 오프셋 거리입니다. 양수를 지정하면 아래로, 음수를 지정하면 위에 그림자가 생깁니다. 필수속성이..

[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), 협업, 지능형 웹 등의 특징을 들 수 ..