[CSS] text 꾸미기

 

---

1) text의 색상을 결정하는 color

 

  color: {색상}

 

기본으로 설정되어 있는 색상은 black이다. (a 태그는 blue가 기본 설정 ) 

색상은 #dfdfdf와 같이 입력도 가능하고, 직접 RGB값을 줄수도 있다. 

ex) color:rgb(255,255,255) 

또한 웹브라우저에 이미 지정되어 있는 색상 이름을 사용할 수도 있다.

아쿠아색(aqua), 진회색(darkgrey), 진한 파랑색(darkblue), 멋있는 파랑색(royalblue), 연초록색(lightgreen) 등의 색상을 다양하게 입력할 수 있음.

---

 

2) 폰트의 굵기를 결정하는 font-weight

 

font-weight:{사이즈}

 

속성의 값으로는 100 ~ 900 사이의 숫자 또는 lighter, normal, bold, bolder 중 하나가 올 수 있다.

---

 

3) 텍스트의 꾸밈을 설정하는 text-decoration

 

CSS에서 텍스트에 밑줄을 그을 때 사용되는 속성은 text-decoration이다.

또한 text-decoration 속성은 기본으로 생성된 밑줄을 삭제하는 데에도 유용하게 사용한다.

ex) text-decoration:underline;

     text-decoration:none;

 

a 태그는 기본설정으로 밑줄이 되어있다. 이때 그 밑줄을 노말라이징 해주는 것도 text-decoration.

 

---

4) 텍스트의 기울임을 설정하는 font-style

 

텍스트의 기울임을 설정하는 CSS 속성은 font-style이다.

font-style의 값으로는 italic과 oblique라는 두 개의 옵션을 입력할 수 있다. 

기울여져 있는 텍스트를 원래대로 복구하기 위해서는 font-style: normal 속성을 적용하면 됨.