본문 바로가기

07. font요소 _ 텍스트 꾸밈 요소 앞에 이어서 텍스트의 여러가지 요소를 변경합니다. font-family 텍스트 폰트를 선택해 줍니다. 일단 원하는 폰트를 설정한 후, 만약 그 폰트가 구현이 안될경우 기본으로 사용할 폰트를 골라야 합니다. serif와 sans-serif가 있는데 자신이 적용한 폰트가 삐침이 있으면 serif, 삐침이 없이 고딕같은 폰트라면 sans-serif를 선택합니다. 두가지 폰트 선택시의 차이를 볼까요 sans-serif 삐침이 없어요 serif 삐침이 있어요 CSS sans-serif 삐침이 없어요 serif 삐침이 있어요 sans-serif와 serif의 차이를 아시겠나요? http://www.google.com/fonts/에 가면 다양한 폰트들이 있습니다. 여기서 폰트를 골라서 font-family에 적용하면.. 더보기
06. text요소 _ 텍스트 꾸밈 요소 텍스트의 여러가지 요소를 변경합니다. text-로 시작하는 요소와 font-로 시작하는 요소, line-으로 시작하는 요소 등이 있습니다. color 텍스트의 색상을 변경해 줍니다. 색상을 변경합니다 CSS 색상을 변경합니다 text-align 텍스트의 정렬방식을 변경합니다. value값으로는 left, right, center, justify가 있습니다. left, right, center는 말그대로 왼쪽 정렬, 오른쪽 정렬, 가운데 정렬이고 justify를 입력하면 양쪽정렬이 됩니다. 양쪽정렬이란 양옆을 꽉 채워서 정렬되는 것을 말합니다. 띄어쓰기가 조금씩 조정되서 네모 반듯하게 정렬됩니다. 왼쪽 정렬 가운데 정렬 오른쪽 정렬 "Lorem ipsum dolor sit amet, consectetur .. 더보기
05. color 표기법 _ 16진수, 컬러네임, rgb color 표기법은 크게 세가지로 나눌 수 있습니다. 16진수, 색상 이름으로, rgb의 비율로 명시할 수 있습니다. 편하신대로 사용하시면 됩니다. 대표적인 색상을 사용할때는 이름으로, 좀 더 디테일한 색상은 16진수나 rgb로, 투명도를 추가할때는 rgba를 사용하면 됩니다. 16진수 #뒤에 각 색상에 맞는 6자리 숫자,알파벳을 나열해 색상을 표시하는 방법입니다. 자세한 설명과 컬러표는 http://html-color-codes.info/Korean/를 참고하세요. 같은 숫자나 알파벳이 반복되는 경우에는 줄여서 사용할 수 있습니다. 예를 들면 #000000이나 #ffffff의 경우 #000, #fff로 줄여 쓸 수 있습니다. 16진수로 색상을 명시합니다 CSS 16진수로 색상을 명시합니다 color n.. 더보기