css 컬러(color) 표현방법 1. 색상이름 : 색상 이름으로 표기하는 방법 ex) red, black, green, .... 2.
HEX(16진수) : 0~9, a(10)~f(15)를 사용하여 색상 표기하는 방법 # 과 6자리의 16진수로 표시 #RRGGBB 00 이 가장 낮은 값, ff 가 가장 높은 값 ( #000 : 검정색, #fff : 흰색 ) 2자리씩 값이 같을 때는 생략해서 작성할 수 있음 ( #ff00ff = #f0f ) ex) #234567, #f00, ... 3. RGB/RGBA : R(빨강) G(초록) B(파랑) 을 0~ 255 사이 숫자로 지정 하나도 섞이지 않으면 0 가득 섞이면 255 투명도 조절은 alpha(a) 값 : 0~1 (0%~100%) ex) rgb(255,0,0), rgba(0,0,0,0.5), .... 4.
HSL/HSLA : h(색상hue) S(채도saturation) L(밝기lightness) 투명도 조절은 alpha(a) 값 : 0~1...
![[css 5.] 텍스트 꾸미기 - color, text, font 속성 ( + shadow 적용)](https://mblogthumb-phinf.pstatic.net/MjAyNDA0MTlfMjA1/MDAxNzEzNDk4NjA4MTg0.HqO7L2kkePJ6mldS1--e1zzZFLCX9Smgl7vW49qIkCQg.uO4xDhqrDW-YMz9ocLLtpQghy7yZJBD4Oqdz_hgELOcg.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB-015.jpg?type=w2)
#
a태그밑줄없애기
#
textshadow
#
css폰트스타일
#
css폰트
#
css텍스트스타일
#
css텍스트
#
css컬러
#
css색상
#
css두줄한줄로
#
css글자세로정렬
#
boxshadow
#
textshadow그림자여러개
![[GTQ 포토샵 1급] 100점으로 합격한 후기 (시험 치기 10분전에 읽고 합격하자!!!)](https://mblogthumb-phinf.pstatic.net/MjAyNDAzMjlfMTcx/MDAxNzExNzE5MTE4Mzk0.arSwbmDvmpTUoHJ9wT8VB58Kvv5DO7X9b5WQFK9-80gg.wI7j1rSGHpybgppOLSrrMIA99DACaa1962IPWdx9ciwg.JPEG/%C7%D5%B0%DD%C8%C4%B1%E2.jpg?type=w2)
![[css 8.] position 으로 요소 배치하기 + 고정하기](https://mblogthumb-phinf.pstatic.net/MjAyNDA0MjJfNzkg/MDAxNzEzNzQ1MTg2NTgz.Hs3JkMw6EV_ITzn9ZjvniHcL7gCmx2jECR1K1wthL_og.2PTxWBF8NjpGAIhpyoazRQvsltJrNGqHtR2UjiTqXIEg.JPEG/%C1%A6%B8%F1%C0%BB-%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB-019.jpg?type=w2)
![[css 11.] transform 속성으로 이동, 회전, 확대, 기울이기 효과 (+다중사용)](https://mblogthumb-phinf.pstatic.net/MjAyNDA0MjNfMTEw/MDAxNzEzODMxNjc3Mjk4.R70Svy0_XiZsJQPx5ep3tEZLytnK4Y6ligewY4e3a38g.Fa04tZJEZz-s7AYHdqNRwTF93BRwbV1oZFSuOstxcnUg.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB-022.jpg?type=w2)
![[라이브러리] 애니메이션 효과 animate.css 적용하기 (사용법)](https://mblogthumb-phinf.pstatic.net/MjAyNDA1MDhfNDMg/MDAxNzE1MTU2NzAyMDE3.VOWYKAcI2jHY5SGbj3C6Y5NpbZ-aYql-n2B6ycqhMrcg.6-67wUybhU58MwC50pjBpsXA05K48MhZtROTRU4-pigg.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4_-004.jpg?type=w2)
![[javascript 5.] 자바스크립트 자료형 변환](https://mblogthumb-phinf.pstatic.net/MjAyNDA2MTFfMjc1/MDAxNzE4MDM3MTQ1MDM4.MDwBX11gv_UWbQix0-Bkma_QvV_c4LX-gNN8_JpCBOog.9c4gghmhb2ciUITcG3mFDmbSZDNaJbYnAlBvqhqhUV4g.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB_%281%29-005.jpg?type=w2)
![[javascript 13.] 자바스크립트 브라우저 객체 모델](https://mblogthumb-phinf.pstatic.net/MjAyNDA2MjVfMTEg/MDAxNzE5Mjg1NDE5NDcy.9Und2yNuAceaSomZOOjqHuuw7JqCxhGF33fjiTdvrt0g.ej5ugIC7hdSHwBJlijpnVnXjfOKirYxfcuwGVql10-og.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB_%281%29-013_%281%29.jpg?type=w2)