KatiaSoft

Filter 요소에 (이미지) 필터효과를 적용하기 위해 사용한다. 기본값 : none 속성구조 [x] : 단일 값 적용 사용 가능한 속성값 none : 필터를 적용하지 않는다. [x_....] : 띄우기로 구분하여 여러값 적용 사용 가능한 속성 filter용 함수 속성값 blur(x) : x[크기] 만큼 흐리게 한다. brightness(x) : 0 이상의 실수(혹은 0% 이상)로, 밝기를 지정한다. 0 일때 완전히 어두우며, 1(100%)일때 본래 밝기를 가진다. contrast(x) : 0 이상의 실수(혹은 0% 이상)로, 대비를 지정한다. 값이 낮을 수록 저대비, 높을수록 고대비이며, 1 (100%)일때 본래 대비를 가진다. grayscale(x) : 0 이상 1이하의 실수 (혹은 0% 이상 100..

Width 요소의 가로 크기를 지정하기 위해 사용한다. 기본값 : auto 속성값 : [크기] Height 요소의 세로 크기를 지정하기 위해 사용한다. 기본값 : auto 속성값 : [크기] [Tag] or [.class] or [#id] { width : [크기]; height : [크기]; }

Cursor 마우스 커서의 모양을 변경하기 위해 사용한다. 기본값 : auto 속성값 default : 일반적인 마우스 커서 none : 마우스 커서를 그리지 않는다. pointer : 클릭할 수 있는 형태의 커서 progress : 작업이 진행중인 형태의 커서 text : 텍스트 형태의 커서 wait : 응답이 없거나 대기해야하는 형태의 커서 ew-resize : 가로 방향의 크기 변경 형태의 커서 ns-resize : 세로 방향의 크기 변경 형태의 커서 nesw-resize : 북동/남서 방향의 크기를 변경 형태의 커서 nwse-resize : 북서/남동 방향의 크기를 변경 형태의 커서 형식 /* 아래의 선언한 영역 안에서 마우스 커서 모양 변경*/ [Tag] or [.class] or [#id]{ ..

Background-color 요소의 배경 색상을 지정하기 위해 사용한다. 속성 값 : [색상] 형식 [태그] or [.class] or [#id]{ background-color : [색상]; } Background-image 요소의 배경이미지를 지정하기위해 사용한다. 일반 이미지(img태그)와의 차이점은 선택이 불가능하고 우측 마우스 클릭으로 저장이 안되며, 자리를 차지 하지않는다는 점 등이 있다. 기본값 : none 속성값 url함수 호출 linear-gradient함수 호출 : 선형 그라데이션 이미지를 지정한다. radial-gradient함수 호출 : 방사형 그라데이션 이미지를 지정한다. 형식 [태그] or [.class] or [#id]{ background-image : url("[Local..

Color 텍스트의 색상을 지정하기 위해서 사용한다. 속성 값 : [색상] 형식 [태그명] or [.클래스명] or [#id]{ color : [색상]; }

시간 s : 초(=1000ms) ms : 밀리초 크기 px : 픽셀 단위. em : 부모가 가진 font-size 와 1:1로 비례되는 크기. rem : 브라우저가 가진 font-size롸 1:1로 비례되는 크기(기본 값으로 1rem은 16px과 동일하다.) vw : 현재 브라우저 창의 가로 크기에 대한 비율. (브라우저 가로 크기는 100vw) vh : 현재 브라우저 창의 세로 크기에 대한 비율. (브라우저 세로 크기는 100vh) % : (크기를 가지는 가장 가까운)부모의 크기에 대한 비율.

색상 css 에서 색을 표현하는 방법은 아래와 같다. 리터널 : 리터널 색상은 별도의 코드를 활용 하지않고 약속되어 있는 색상을 지칭하는 단어를 사용하는 것이다. 가령 빨간색은 red, 파란색은 blue, 초록색은 green 등으로 사용할 수 있다. rgb(r, g, b) : RGB 를 나타낼 수 있는 각 값 r, g, b를 통해 색상을 표현한다. 각 값은 0부터 255까지이고, 값이 높을수록 밝은 색이다. r은 빨간색, g는 초록색, b는 파란색을 담당한다. rgb(0,0,0) 은 아무색도 들어가지 않는 검은색 rgb(255,255,255) 은 모든색이 최대한 들어간 흰색 rgb(255,0,0) 은 빨간색만 들어가는 빨간색 rgba(r, g, b, a) : 위 rgb함수와 동일하나 알파값(a)을 주어 ..

선택자란? css 선택자(Selector)는 특정조건을 만족하는 요소(Element, 태그)에 대해 속성(Property)을 적용하기 위한 것이다. css 코드는 HTML style 태그안에 작성하거나 별도의 css 파일에 작성한다. css 선택자의 구조는 아래와 같다. [선택자] { [속성 : 값; ....] } 선택자 종류는 아래와 같다. 요소 선택자 : 선택자에 대해 태그의 이름(가령, div)을 직접 사용하는 것이다. 클래스 선택자 : 태그가 가지고 있는 class 속성 값으로 선택한다. 마침표를 이용하여 클래스 이름으로 선택하며 그 구조는 .클래스이름과 같다 아이디 선택자 : 태그가 가지고 있는 id 속성값으로 선택한다. 샾(#)을 이용하여 아이디 값으로 선택하며 그 구조는 #아이디 와 같다. ..

데이터베이스의 종류 계층형 데이터를 계층 구조로 관리하는 데이터베이스 tree구조 형태로 데이터들이 연결된 데이터베이스 정보 추출을 위해 데이터 구조를 알아야 함 관계형 2차원 표 형식으로 데이터를 관리하는 데이터 베이스 현재 가장 주류를 이룸 XML 'XML' 이라는 형식으로 데이터를 관리하는 데이터베이스 객체지향 '객체' 라는 형식으로 데이터를 관리하는 데이터베이스 NoSQL 'Not only SQL' 의 줄임말로, 데이터베이스 기능을 조금 포기하고 다른 기능들을 접목시킨 데이터베이스 비정형 데이터가 증가하며 대량의 비정형 데이터를 처리하기 위함 데이터베이스 3단계 구조 외부단계 (External level) 개별 사용자 관점에서 DB를 이해하고 표현 각 사용자가 DB전체에 관심을 가지지 않아도 됨 ..

데이터 베이스(Database) 공유되어 사용될 목적으로 통합되어 관리되는 데이터의 집합이다. 데이터를 구조화하여 효율적으로 데이터를 관리하기 위한 것이다. 특정 조직의 여러 사용자가 공유하여 사용할 수 있도록 통합해서 저장한 운영 데이터의 집합파일 시스템의 단점을 보완하고 대량의 데이터를 효율적으로 관리하기 위해서 사용한다. 데이터 베이스의 데이터 종류 1) 공유 데이터(Shared data) 특정 조직의 여러 사용자가 함께 소유하고 이용하는 데이터 2) 통합 데이터(Integrated data) 똑같은 데이터가 존재하는 데이터 중복성을 허용하지 않는 데이터 데이터 중복을 최소화 하고 통제가 가능한 중복만 허용하는 데이터 3) 저장 데이터(Stored data) 컴퓨터가 처리할 수 있도록 컴퓨터가 접근..