민자의 지식창고

1. 원하는 글꼴, 폰트 마음대로 시스템 폰트 = 웹 세이프 폰트(Web safe font) 글자를 제대로 보이게 하려면 윈도우 시스템 폰트를 사용 해 왔다. 사용하고 싶은 글꼴을 선언해 주고 해당 글꼴 파일의 경로를 지정 해 주면 자동으로 다운로드 받아 브라우저가 출력해준다. @font-face 속성을 이용해서 글꼴의 종류와 글꼴의 파일 경로를 설정 해 준다. 사용법 @font-face {font-family : 글꼴이름;src : url('글꼴파일URL경로1'), url('글꼴파일URL경로2')..; } 글꼴 확장자 설명 지원 브라우저 TrueType ttf 글꼴을 벡터 형식인 직선과 곡선을 이용해서 표시하는 형식. 윈도우환경의 표준 글꼴 단, IE 지원 안함OpenType otf TTF 기술을 보유..

1. float 사용법 float : 속성값; left, right, none 특징float이 선언된 엘레먼트는 왼쪽 또는 오른쪽으로만 위치 할 수 있고, 위아래 불가능float 이후에 오는 엘리먼트는 그 주변을 채워나간다.이미지와 텍스트 활용한 레이아웃에서 많이 사용한다.화면 크기에 따라 동적으로 변할 수 있는 레이아웃 작업에 많이 이용된다. 2.clear 사용법float 영향을 받는 엘리먼트를 강제로 취소시킬지 아닐지 해당 방향으로 지정 float를 쓰지 않겠다라고 강제로 float 진영을 무장 해제 시키는 것 clear : 속성값;left | right | both | none float와 clear는 사이가 아주 긴말하게 한 쌍으로 적용되며, float가 left로 지정되어 엘리먼트들이 왼쪽으로 ..

1.레이아웃 위치 개념 알아보기position은 엘레먼트가 브라우저의 페지이 안에 표시되는 방법을 지정 position:absolute - 절대좌표position:relative - 상대좌표 절대좌표브라우저 왼쪽 상단이 기준점(0,0)이 되어 오른쪽 하단의 지정된 좌표(x,y)로 이동하여 표시 된다. 상대좌표현재 자기위치에서 지정된 상대값만큼 이동시킵니다.중요한것은 원래 엘리먼트가 표시될 위치가 기준점이라는 것이다. 2.컨테이너 안에서 자유롭게 위치 잡기 div 엘리먼트 안에 img와 p 엘리먼트가 포함되어 있으며, 자신의 하위에 엘리먼트가 있는 것을 컨테이너라고 한다. 시각적으로 컨테이너 역활을 하기 위해서는 두가지가 준비되어야 한다.Position이 설정되어야 합니다.컨테이너의 크기를 설정해야 합니다..