Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- rowspan
- JAVA 개발 환경 설정
- Li
- Ol
- Head
- select
- tag
- 한정수 강사님
- Border
- !doctype html
- ::first-line
- Python
- Form
- table
- option
- img
- JavaScript
- Title
- ::before
- textarea
- ul
- 속성 선택자
- HTML정의
- colspan
- :active
- 전체 선택자
- BR
- BODY
- ::first-letter
- 인라인 레벨 요소
Archives
- Today
- Total
개발 공부 기록하기
DAY 6. 글꼴 관련 스타일(1): font-family 본문
자, 이제 본격적으로, 웹 문서를 꾸며보자. 일단 text부터!
font-family
- font-family 속성은 text를 사용하는 요소에서 주로 쓰임.
ex, <body>, <p>, <hn>
- user system에 설치되어 있지 않은 글꼴이 지정되어 있다면 웹 문서 source code에서 의도하지 않는 걸로 표시됨.
(그니까 없을 경우를 생각해서, 2번째와 3번째 글꼴까지 생각해야 함!) - 2개 이상의 글꼴을 지정한다면 쉼표(,)로 구분하기
ex, <body font-family: "맑은 고딕", 돋움, 굴림>
위의 예시와 같이 <body> 안에서 글꼴을 한 번 정의하면, 문서 전체에 적용되고, 모든 자식 요소에 다 같은 글꼴이 쓰임!
cf,
나열한 값들 중 하나가 속성값이 되어야 한다는 의미로 쓰는
콜론(:)도 아닌 저것을 어찌 쓰느냐...
검색하다 알게 됐다. 키보드에서 Enter 키 위쪽에 흔히 있는 ￦키..
￦ 키를 Shift 키와 함께 누르면 나오는 땡땡(?)의 정체가 그것이었다..!!!
(글꼴에 따라 모양이 다르게 보일 수 있음 주의!)
'프밍 > CSS' 카테고리의 다른 글
| DAY 8. 글꼴 관련 스타일(3): font-style, font-weight (0) | 2022.11.01 |
|---|---|
| DAY 7. 글꼴 관련 스타일(2): font-size (0) | 2022.10.31 |
| DAY 5 - 스타일 상속 (0) | 2022.08.27 |
| DAY 5. 캐스케이딩 스타일 시트(CSS) 정의 & 스타일의 우선 순위 (2) | 2022.08.27 |
| DAY 4. 스타일 속성 & 속성값 (0) | 2022.08.25 |
Comments