[CSS3강좌] 4강 TEXT(글자관련속성)
** 영상으로 보고 싶은 분은 아래를 클릭해주세요. https://www.youtube.com/watch?v=L7zdQ6uV3fY 1. 글자관련 속성 정리 속성명 설명 color (글자색 지정 속성) 키워드 h1{ color: red; } =>영문 rgb방식 h1{ color: rgb(100,100,100); } hsl방식 h1{ color: hsl(50,20%,50%); } hex코드 h1{ color: #000000; } rgba방식 h1{ color: rgba(100,100,100,0.5); hsl방식 h1{ color: hsla(50,20%,50%,0.5); } text-align (문단 가로 정렬) left 글자를 왼쪽에 지정 right 글자를 오른쪽에 지정 center 글자를 가운데 지정 ju..
[CSS3강좌] 3강 CSS색상넣기(컬러값처리)
1. CSS색상(컬러)값의 종류 구분 정리 CSS2 키워드 영문으로 컬러값 작성 ex) color: red; rgb 레드그린블루수치작성 ex) color: rgb(20,20,20); hsl 색상,채도,명도수치작성 ex) color: hsl(70,70%,70%); hex rgb를 16진법코드 변환 ex) color: #333333; CSS3 rgba rgb방식에 alpha(투명도)추가 ex) color: rgba(20,20,20,0.5); hsla hsl방식에 alpha(투명도)추가 ex) color: hsla(70,70%,70%,0.5); 2. 컬러값을 적용 시킬 수 있는 CSS속성명 속성명 정리 코드예시 color 글자색 지정 속성 h1{ color: red; } background-color 배경색 ..