티스토리 뷰

Web/CSS

[Web/CSS] CSS - 복습2

poopooreum 2024. 4. 22. 19:19
반응형

✏️ 글자와 관련된 속성

종류 설명
font-family 글꼴 종류를 지정
font-size 글자 크기를 지정
font-style 글자를 이탤릭체로 표시할지 지정
font-weight 글자의 굵기를 지정

✏️ 텍스트 스타일 속성

종류 설명
color 글자색을 지정
text-decoration 텍스트에 밑줄이나 취소선을 표시할지 여부를 결정
text-transform 텍스트 전체, 또는 첫 글자를 대문자로 표시
text-shadow 텍스트에 그림자를 추가
letter-spacing 글자 사이의 간격을 지정
word-spacing 단어 사이의 간격을 지정
text-align 텍스트 정렬 방법을 지정
line-height 줄 간격을 조정

✏️ 웹에서 색상을 지정하는 방법

방법 설명
16진수 빨강, 초록, 파랑 각각 두 자리씩 여섯 자리의 16진수로 색상 표현
rgb,rgba rgb(R, G, B) 빨강, 초록, 파랑의 양을 0~255사이 숫자로 표현
rgba(R, G, B ,a) rpg 형식에 불투명도를 추가
hsl,hsla hsl(H, S, L) 색상, 채도, 명도의 값으로 색상을 표현
hsl(H, S, L, a) hsl 형식에 불투명도를 추가
색상 이름 red, yellow, green 같은 색상 이름을 사용
반응형

'Web > CSS' 카테고리의 다른 글

[HTML/CSS] CSS - 박스 모델  (0) 2024.04.23
[Web/CSS] CSS - 실습해보기  (0) 2024.04.22
[Web/CSS] CSS - 표 스타일  (0) 2024.04.22
[Web/CSS] CSS - 목록 스타일  (0) 2024.04.22
[Web/CSS] CSS- 텍스트 관련 스타일  (0) 2024.04.22
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/07   »
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
글 보관함