CSS 텍스트 서식, 서체(font) 사용하기 (2)

오늘은 나머지 분량 정리하는 시간..

밖에 비가 진짜 많이 온다.

나가지 말고 그냥 정리나 할껄

은

나갔다 와서 리프레쉬하고 와서 더 잘 정리할 수 있을 거 같당 :)

 

 

1. 줄 간격 조정하는 법

ine-height 속성을 사용하면 

텍스트의 줄간격도 조정할 수 있다.

line-height를 크게 설정할수록 줄 간격은 더 넓어진다.

 

글 출처: 노동자연대 <미국과 중국은 신냉전에 돌입했는가> (https://wspaper.org/article/24115)

font-size와 마찬가지로 한 줄의 높이는

픽셀이나 em 또는 퍼센트 단위로 지정할 수 있다.

 

 

2. 텍스트 정렬

text-align 속성을 사용하면 

왼쪽이나 오른쪽, 양쪽에 정렬시킬 수 있다.

 

text-align: center;

 

양쪽 정렬된(justify) 텍스트는 인쇄 용도에 맞다. 

 

 

3. 첫 줄 들여쓰기, 바깥 여백 제거 

픽셀이나 em 단위를 사용해서 첫 줄 들여쓰기를 할 수 있다.

 

text-indent: 25px;

text-indent: 5em;

 

 

4. 단락 첫 글자, 또는 첫 줄에 특별한 서식 지정하는 법

CSS는 단락의 첫 글자나 첫 줄에 특별한 서식을

지정할 수 있도록 하는 :first-letter와

:first-line의 가상요소(pseudo-element)가 있다.

 

p:first-letter {

font-weight: bold;

color: red;

 

 

이렇게 하면 됨.