15. Styling - Font와 관련된 CSS 속성, 기타 많이 사용하는 CSS 속성

font와 관련된 대표적인 속성

css

#title {
	font-family : "사용할 글꼴 이름", 일반적인 글꼴 분류;
    font-size : value;
    font-weight : noraml | bold;
    font-style : normal | italic | oblique;
}

일반적인 글꼴 분류(대체) : serif, sans-serif, monospace, cursive, fantasy

size 단위 : px(pixel)-고정된 값, em-브라우저에 따른 크기, rem, vw(viewport width)
16 * em = px

weight : 글꼴 두께

style : 글꼴의 스타일, 이탤릭체(지원해야 가능), 기울임체(기울기 자체를 조정)

CSS의 색상 값

• 16진수 컬러 값 : #ffoooo
• 투명도를 가진 16진수 컬러 값: #ffoooo55
• RGB 컬러 값: rgb(255,0,0)
• RGBA 컬러 값: rgba(255,0,0,0.5)
• HSL 컬러 값: hsl(120, 100%, 25%)
• HSLA 컬러 값 : hsl(120, 100%, 50%, 0.3)
• 미리 정의된 색상의 이름 : red
• currentcolor 키워드 : 현재 지정된 색상 값을 사용

border

div {
	border: border-width border-style border-color;
}

예)
# section2 {
	border : 1px solid black;
}

CSS속성들