CSS_Font & Text Style
Font Style의 property
1. font-family
#title {
font-family: Georgia, "Times New Roman", Times, serif;
}
font-family
는 폰트 스타일을 지정하는 속성이다.- *사용자가 어떤 브라우저를 사용할지 모르기 때문에 font-family 값에는 보통 여러가지 폰트를 나열한다.
- 가장 뒤에 위치한 serif같은 폰트는 모든 브라우저에서 지원하는 폰트.
2. font-size
big-size-font {
font-size: 50px;
}
font-size
는 폰트의 크기를 지정해준다
3. font-weight
.bold-font {
font-weight: bold;
}
font-weight
는 글씨 두께를 조절하는 property이다.
4. font-style
a {
font-style: italic;
}
5. color
- 텍스트의 컬러를 지정해준다
색상 표현 방법 | |
---|---|
텍스트 | pink, yellow처럼 텍스트로 누구나 알아보기 쉬운 색깔을 지정 |
hex | 색상코드: 여섯자리로 표현 - #eb4639 |
rgb | 빨강, 초록, 파랑으로 표현 - rgb(235, 70, 57) |
hsl | 색상, 채도, 명도(hue, saturation, lightness)로 표현 - hsl(4, 82%, 57%) |
Text Style의 property
Text Style | |
---|---|
1. text-align | 텍스트 왼쪽, 가운데, 오른쪽 정렬 |
2. text-indent | 텍스트 들여쓰기 |
- 문장 사이사이에 스페이스 추가하고 싶을 때는?
- 스페이스를 의미하는
을 넣어주면된다.
<p>스페이스 넣는 예제</p>
`
Author And Source
이 문제에 관하여(CSS_Font & Text Style), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@yyeonjju/CSSFont-Text-Style저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)