본문 바로가기

전체 글

 (86)
SVG Animation SVG SVG(Scalable Vector Graphic)는 2차원 벡터 그래픽을 표현하기 위한 XML 기반의 파일 형식으로, 1999년 W3C의 주도하에 개발된 오픈 표준의 벡터 그래픽 파일 형식입니다. Rect Rect : border-radius ..
Box-shadow CSS Reference box-shadow : {h-shadow} {v-shadow} {blur} {spread} {color} {inset} / none; Porperty Description h-shadow 그림자의 수평(X) 축 거리를 나타냅니다. ..
Border-radius border-radius border-radius : border-top-left-radius | border-top-right-radius | border-bottom-right-radius | border-bottom-left-radius border-radius: 5px 6px 7px 8px; = border-top-left-radius : 5px; = border-top-right-radius : 6px; = border-bottom-right-radius : 7px; = border-bottom-left-radiu..
Blend Effect background-blend-mode normal | multiply | screen | overlay | darken | lighten | color-dodge | saturation | color | luminosity Porperty Description normal 배경색의 기본 값을 정의합니다. multiply 더 어두운 색으로 변경됩니다. screen 더 밝은 색으로 변경됩니다. overlay 원래 색상의 농도와 밝기를 변경합니다. ..
CSS background background Porperty Sample Description background background : #000 url(경로) no-repeat top / cover 배경 속기형 작성법 background-image background-image : url("경로"); 배경 이미지 설정 ..
Animation Animation Animation animation : {name} {duration} {timing-function} {delay} {itration-count} {direction} {fill-mode} {play-state} Porperty Description animation-name @keyframes에 지정된 이름을 설정합니다. animation-duration 애니에이션이 실행되는 시간을 설정합니다. animation-timing-function 애니에이션 키프레임을 설..
CSS CSS ReferenceCSSCSS HTML을 꾸며주는 스타일 시트입니다.HTML은 웹 사이트의 몸체를 담당한다면, CSS는 옷과 액세사리 같은 꾸미는 역할을 담당합니다.CSS Selector TageTypeDescriptionVersion..class{color:#fff;}클래스 선택자CSS1##id{color:#fff;}아이디 선택자CSS1**{margin:0; padding:0;}전체 선택자CSS2elementdiv{backfround:#fff;}요소 선택자CSS1element > elementdiv > p{color:#fff;}자식 선택자CSS1element + elementdiv + p{color:#fff;}형제 선택자CSS2[attribute]div[class] {color: #fff;..
웹표준 웹 표준모든 운영체제, 모든 브라우저에서 같은 결과를 볼 수 있도록 만든 표준언어웹 접근성의 이해웹 접근성이란정의 : 웹 콘텐츠라는 대상에 접근할 수 있는 능력웹 접근성의 중요성누구나 어떤 환경에 구애받지 않음전문적은 능력 없이 웹 사이트에서 제공하는 모든 정보웹 접근성의 범위웹 접근성의 좁은 의미 : 다양한 사용자 환경에서 장애인,보조기기, 보조기술 =장애인 접근성웹 접근성 관련 용어웹 접근성의 넓은 의미: 기본적인 정의나 기대효과"장애인 접근성" 중심으로 현재까지 ActiveX 사용시각장애인등 다양한 장애유형별 사용자가 이를 키보드로 이용 가능함대체수단을 통하여 음성 지원 등 다양한 방법으로 설피 및 이용할 수 있다면 웹 접근성을 준수한 것으로 인정웹 표준, 웹 호환성, 오픈 웹정지 기능 제공웹 표준..

티스토리툴바