KatiaSoft

Font-family 서체(폰트)를 지정하기위해 사용한다. 폰트 속성 값을 콤마(,)로 구분하여 여러개 작성할 수 있는데, 먼저 적은 것이 우선순위를 가진다. 속성 구조 : [폰트, ....] 속성값 폰트 이름 serif : 세리프 서체. sans-serif : 세리프가 없는 서체. monospace : 가로길이가 같거나 두 배인 서체.(개발용폰트) cursive : 필기체 Font-size 글씨의 크기를 지정하기 위해 사용한다. 속성값 : [크기] Font-style 폰트 스타일을 지정하기 위해 사용한다. 기본값 : normal 속성값 normal : 일반서체 italic : 기울임 꼴 oblique [x]deg : x도 만큼 기울인 꼴(폰트 지원 필요) Font-weight 폰트의 굵기를 지정하기위해..

1. 변수 값을 담을 수 있는 그릇 / 박스 언제든지 변할 수 있는 수(값) 변수는 메모리에 저장 숫 또는 문자, 혹은 데이터를 저장 변수를 사용하여 연산 가능 2. 변수 생성 규칙 영문(문자), 숫자, 밑줄(_)로 구성 특수문자, 공백 사용 불가능 대 / 소문자 구별 변수명의 첫글자는 $,_, 영문 대 / 소문자 예약어(while, if, for 등....) 사용 불가능 자료형(int) 변수명(number) = 값(3); 3. 변수의 기본 자료형 변수이름 = 데이터(값)으로 초기화(변수 정의) 변수는 컴퓨터 메모리에 저장된다. 변수가 가지고 있는 값을 가져오기 위해서는 컴퓨터 메모리에 접근해서 값을 가져온다. 변수의 값은 변경가능하다. 이미 만들어진 변수와 동일한 이름의 변수는 생성 불가능하다. 4. ..

1. 프로그래밍이란? 프로그램 : 프로그램 언어로 이루어진 나열된 명령들의 집합 프로그램 언어 : 컴퓨터와의 대화에 사용되는 대화 수단 2. 컴파일 / 디버그 컴파일(Compile) / 컴파일러(Compiler) - 기계어 변역 : 저/고급언어로 작성된 프로그램을 기계어로 번역하는것(소스코드 전체) 디버그(Debug) / 디버깅(Debugging) / 디버거(Debugger) : 프로그램의 오류나 비정상적인 연산을 발견하고 그 원인을 밝히는 작업 진행 순서 : 소스코드 > 컴파일 > 디버깅 > 실행 3. 인터프리터(Interpreter) 고급언어로 작성된 소스코드를 한 줄 씩 번역하며 프로그램을 실행 컴파일러를 거쳐서 기계어로 변환되지 않고 바로 실행 많은 프로그램들이 가상머신을 사용하여 가상머신이 이해..

Padding 요소의 내부여백을 지정하기 위해 사용한다. 속성값 : [크기] 속성구조 [x] : 상/하/좌/우 모두 x 를 부여한다. [x] [y] : 상/하에 대해 x 를, 좌/우에 대해 y를 부여한다. [a] [b] [c] [d] : 상/하/좌/우를 a,b,c,d 순으로 부여한다. 상/하/좌/우 따로 값을 줄 때 1) padding-top 위쪽의 내부여백을 지정하기 위해 사용한다. 속성값 : [크기] 2) padding-right 오른쪽의 내부여백을 지정하기 위해 사용한다. 속성값 : [크기] 3) padding-bottom 아래쪽의 내부여백을 지정하기 위해 사용한다. 속성값 : [크기] 4) padding-left 왼쪽의 내부여백을 지정하기 위해 사용한다. 속성값 : [크기] 형식 [Tag] or ..

Margin 요소의 외부여백을 지정하기 위해 사용한다. 속성값 : [크기] 속성구조 [x] : 상/하/좌/우 모두 x 를 부여한다. [x] [y] : 상/하에 대해 x 를, 좌/우에 대해 y를 부여한다. [a] [b] [c] [d] : 상/하/좌/우를 a,b,c,d 순으로 부여한다. 상/하/좌/우 따로 여백 줄 때 1) margin-top 위쪽 외부여백을 지정하기 위해 사용한다. 속성값 : [크기] 2) margin-right 오른쪽 외부여백을 지정하기 위해 사용한다. 속성값 : [크기] 3) margin-bottom 아래쪽 외부여백을 지정하기 위해 사용한다. 속성값 : [크기] 4) margin-left 왼쪽 외부여백을 지정하기 위해 사용한다. 속성값 : [크기] 형식 [Tag] or [.class] ..

Position 요소의 위치 지정을 위해 사용한다. 요소의 위치는 top, right, bottom, left 네개의 속성으로 지정할 수 있는데, 이 때 상충되는 속성(top 과 bottom 혹은 right 와 left)을 동시에 사용하여서는 안된다. 기본값 : static 속성값 static : 요소가 본래 위치해야하는 위치에 위치하며, 위치를 조정할 수 있는 속성을 모두 무시한다. relative : 요소의 position이 static 일때의 위치를 기준으로 움직인다. absolute : position 속성값이 static 이 아닌 가장 가까운 부모/선조를 기준으로 움직인다. position 속성값이 static 이 아닌 가장 가까운 부모/선조가 없을 경우 문서자체를 기준으로 한다. 다른 요소의 ..

Display 요소의 표시 방식을 지정하기 위해 사용한다. 기본값 : 요소에 따라 다름 속성값 block : 플로우 컨텐츠(한줄을 다 차지) inline : 구문 컨텐츠(글자 취급) inline-block : 구문 컨텐츠. inline 속성값을 가지는 요소의 크기를 조정할 수 없음으로 inline을 속성을 갖되 크기 조정을 가능하게 하기 위해 사용한다. none : 요소가 없는 것으로 지정한다. 형식 [Tag] or [.class] or [#id]{ display : [속성값]; }

Overflow 요소의 범위를 벗어난 자손 요소들에 대한 처리를 위해 사용한다. 기본값 : visible 속성구조 [x] : 가로/세로축에 대한 설정을 [x] 로 한다. [x] [y] : 가로축에 대한 설정을 [x] 로, 세로축에 대한 설정을 [y] 로 한다. 속성값 auto : 범위를 벗어난 경우에만 스크롤 바를 보인다. hidden : 범위를 벗어난 요소를 보이지 않게 한다. scroll : 범위를 벗어난 것에 대한 여부와 관계없이 스크롤 바를 보이게 한다. visible : 범위를 벗어난 요소를 보이게 한다. Overflow-x 가로축으로 범위를 벗어난 자손요소들에 대한 처리를 위해 사용한다. 속성값은 하나만 가지며 그 값은 overflow의 값과 같다 Overflow-y 세로축으로 범위를 벗어난 ..

Border 요소의 테두리를 지정하기위해 사용한다. 속성구조 [x] [y] [z] : 테두리의 굵기로 x를, 모양으로 y를, 색상으로 z를 사용한다. 기본값 : none 속성값 굵기에 대해 [크기] 모양에 대해 dashed : 긴 점선 dotted : 점선 double : 이중 실선 solid : 실선 색상에 대해 [색상] Border-top 위쪽 테두리를 지정하기 위해 사용한다. 용법은 border 와 동일함. Border-right 오른쪽 테두리를 지정하기 위해 사용한다. 용법은 border 와 동일함. Border-bottom 아래쪽 테두리를 지정하기 위해 사용한다. 용법은 border 와 동일함. Border-left 왼쪽 테두리를 지정하기 위해 사용한다. 용법은 border 와 동일함. Bord..

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