Racon

타이포 그래피란? 활판으로 하는 인쇄술, 편집 디자인 등에서 활자의 서체나 글자 배치 따위를 구성하고 표현하는 일을 타이포그래피라고 한다. Font-Size 단위 px - 고정된 Font-size em - 가변적 Font-size rem - 가변적 Font-size Font-Size를 가변적으로 사용하므로 주로 사용한다. 브라우저 설정에 의해 Font-Size가 변한다. Color color : red color : rgb(255, 0, 0) Text-aligin left : 왼쪽 정렬 right : 오른쪽 정렬 center : 가운데 정렬 justify : 좌우 정렬 Font font-family (글꼴) font-family : arial, verdana, "Helvetica neue", serif/..

선택자 종류 선택자란? 웹 페이지의 특정 요소를 선택하는 것이 선택자입니다. Css를 사용할 때 주로 사용하지만 javaScript, Jquery에서도 같은 개념이 사용됩니다. 웹페이지의 특정 요소란 HTML의 특정 코드로 TAG를 찾을 수 있고 특정 ID, 특정 Class를 선택하여 Css를 설정하거나 Event를 설정해 줄 수 있다. Jquery 기준 Tag 선택자 : "Tag명" ex) $("a") or $("div") Id 선택자 : # + "id Value" ex) -> $("#test") Class 선택자 :. + "Class Name" ex) -> $(". test") 직계 자손 선택자 : "parent > chlid" 자손 선택자 : "parent chlid" 모든 Tag : * 형제 선택..

Display type 이란? 태그를 어떤 방식으로 화면에 보여주는지를 나타내는 Type이다. Box Model 크게는 Block과 Inline이 있다. Block : 설정한 태그를 한 줄 전체를 사용한다. Inline : 내부에 어떤 태그가 존재하는지에 따라 사이즈가 달라진다.( width와 height가 무시된다.) Position static : 현재 위치 고정 relative: parent box 기준 : top, bottom... 사용 가능 absolute : HTML 기준으로 위치 이동 parent의 position이 relative이면 부모 기준으로 위치함 (parent보다 부모들 중에서 static이 아닌 부모 기준으로 위치가 정해진다.) 부모와의 상속이 끊긴다. fixed : 스크롤에 상..

CSS 란? HTML에 디자인을 적용하기 위해 별개로 제작된 언어 HTML에 CSS 적용시키는 방법 Inline Hello World Style 태그 생성 Hello World CSS 선택자란? HTML에 명시된 Tag, ID, Class를 지정하는 것을 선택 자라고 한다. 선택자를 사용하여 특정 HTML에 CSS를 적용시킬 수 있다. 또한 특정 선택자를 사용하면 부모, 자식, 마지막 선택자, 첫 번째 선택자, x번째 선택자를 선택하는데 아주 용하게 쓰일 수 있다. 종류 Tag 선택자 ul, table Id 선택자 # + "ID 값" Class 선택자 . + "class 값" 부모 자식 선택자 ul li {} : ul 태그 안에 있는 li태그들에게 css를 적용시킨다. ul > li {} : ul태그 직..