HTML, CSS/CSS (19) 썸네일형 리스트형 [CSS] 글자 크기, 굵기, 줄 높이 글꼴 abc font - size : 픽셀 글자의 크기를 조정할 수 있으며 글자의 세로크기가 픽셀만큼이란 뜻이다. font - weight: 굵기 글자의 굵기를 나타낼 수 있으며 100부터 900까지 100 단위로 입력한다. 기본값은 400이다. line-height: 줄 높이 줄 높이를 조정할 수 있다. 줄높이가 1.5이고 font가 33이면 33*1.5 = 49.5px이 줄높이가 되는 형식이다. 출력값 HTML 삽입 미리보기할 수 없는 소스 [CSS] 글꼴 글꼴 abc 글꼴은 font-family를 사용해서 입력할 수 있다. 입력방식은 font - family: 폰트1, 폰트2 ,..... 형식이고 적용 방식은 폰트 1 적용-> 영문만 지원되는 폰트 등의 이유로 문자를 지원하지 않는 폰트의 경우 폰트 2를 적용 - > 이하 반복한다. 아래는 위 코드가 적용된 것으로 abc는 Arial이 적용되고 "글꼴"은 Arial이 한글을 지원하지 않아 돋움으로 적용된 것을 확인 할 수 있다. HTML 삽입 미리보기할 수 없는 소스 만약, 내가 보여주고 싶은 글꼴이 있는 데 그 글꼴이 보는 사람의 컴퓨터에는 없는 경우가 있을 수 있다. 이럴 때는 웹폰트를 사용하는 데, 프로그램을 실행 시 웹에서 폰트를 불러와서 적용시키는 역할을 한다. 우선 구글폰트(Google Font.. [CSS] 배경색, 글자색, 색상 스타일1 스타일2 스타일3 영역을 구분을 짓는 태그다. 태그만으로는 아무런 영향을 끼치지 않지만 CSS, 즉 스타일을 다르게 하기 위해 영역을 구분 지을 때 사용한다. style = "css속성: 값" CSS 속성은 위 코드에서 보듯이 태그 안쪽에 들어가며 태그 안에서만 작동한다. background-color: 색상 배경색을 지정할 때 사용한다. color: 색상 글자색을 지정할 때 사용한다. 2개의 속성을 동시에 사용하고 싶을 때는 ;를 사용하여 잇는다. 상위 태그에서 지정한 속성을 하위 태그에서 재지정하면 하위태그 쪽 속성이 우선시된다. 위 코드에서는 body에서 글자색을 빨간색으로 지정했지만 스타일 1과 스타일 2는 자신의 태그가 우선시되는 것을 확인할 수 있다. 코드의 색상은 4가지 방식으로 나.. 이전 1 2 3 다음
