속성을 자주 읽어보세여
font-family: 글꼴결정
ex-굴림,휴먼엽서체,tahoma
font-style: 기울여 쓰기 효과
normal, italic, oblique
font-size: 글자의 크기
larger, smaller,x-small,x-large,em, ex,값%,값pt
font-variant: 글꼴의 변화
normal, small-caps
font-weight: 글꼴의 굵기
normal, bold, bolder, lighter,100, 200, 300 ~ 900
font: 글꼴의 속성을 한꺼번에 지정
font-style, font-variant,
font-weight, font-size, line-height, font-family
line-height: 줄간격
normal, number, length, 값%
letter-spacing: 글자 간격 normal, length
text-decoration: 문장의 장식
none,overline,underline,line-through,blink
text-transform: 텍스트의 변환
None, Capitalize, UPPERCASE, lowercase
text-aligin: 문장의 좌.우 정열 - left, right, center, justify
text-indent: 들여 쓰기지정 - length, 값%
vertical-align: 첨자의 위치지정
baseline,sub,super,top,text-top,middle,bottom,text-bottom,값%
color:임의의 태그에 대한 색상 지정할색상
background-color: 배경 색상
background-image: 배경 이미지
background-position: 배경 이미지의 위치
length, top, center, bottom, left, right
background-repeat:배경 이미지의 출력방식
repeat, repeat-x, repeat-y, no-repeat
background-attachment:배경 이미지의 스크롤지정
scroll, fixed
background: 배경관련 속성 전체지정
background-color, background-image,
background-repeat, background-attachment, background-position
margin: 바깥여백 - top,right,bottom,left
padding: 안쪽여백 - top,right,bottom,left
border:테두리 지정 - top,right,bottom,left
float: object의 정열-left, right, none
clear: float설정 해제-none, left, right, both
style:테두리 모양 top-style,right-style,bottom-style,left-style
color: 테두리색 top-color,right-color,bottom-color,left-color
width: 테두리 두께 top-width,right-width,bottom-width,left-width
(font style=" font-family :바탕;font-size :11pt;font-weight :bold;font;color :blue;")
지금 이 판란색 글씨의 소스입니다
font-family :바탕,family는 글씨체 지정 입니다 바탕체로 지정했네요
font-size :11pt, 글씨크기는 11pt.pt(포인트)는해상단위에
따라 변하지 않는
절대 단위이고 숫자가 클수록 글씨가 커집니다.
그밖에는,
밀리미터mm. 피카pc.
센티미터cm.인치in.등이 있습니다
html에서 보통 사용하는 글자는mm입니다.
font-weight :bold 는 굵기 입니다 적당히 굵은글씨bold입니다.
위에서 보시면 아시겠지만
normal, bold, bolder, lighter,100, 200, 300 ~ 900 등을 넣어서
글씨두께가 어떻게 달라지는지 연습해보세요.
칼라는 블루색 입니다.
부호; : - " 은 수학공식 처럼 꼬옥 지정하셔야만 합니다.