Study Record

그라데이션과 브라우저 접두사색상 그라데이션을 사용해 배경을 꾸밀 수 있다. 선형 그라데이션과 원형 그라데이션 총 두가지를 설명하려고 한다. 선형과 원형 그라데이션은 CSS3 에서 처음으로 소개된 기능이지만 구문이 복잡하고 브라우저 사이의 지원 방법이 달라 사용하기 어려웠다.  현재의 표준화된 구문 외에도 그라데이션을 지원하지 않는 브라우저와 접두사를 붙여 사용하는 브라우저까지 고려해야할 필요가 있다.접두사브라우저 버전-webkit-사파리 5.1~6.0-moz-파이어폭스 3.6~15-o-오페라 11.1~12.0 예시).grad { background: blue; /* 그라데이션을 지원하지 않는 브라우저용 */ background: -webkit-linear-gradient(left top..

웹에서 색상 표현하기웹에서 색상을 표현하는 방법은 16진수 표기법, rgba와 rgba 표기법, hsl과 hsla 표기법, 색상 이름 표기법이 있다.   16진수 표기법#ff0000 처럼 # 기호 다음에 6자리의 16진수로 표시하는 방법이 가장 기본적으로 색을 표현하는 방법이다.    rgb와 rgba 표기법16진수 표기법 다음으로 rgb 와 rgba 표기법이 있다. rgba 의 a(alpha)는 불투명도 값을 나타내는 것으로 1은 완전히 불투명한 것이고 0.9 나 0.8 처럼 숫자가 작아질수록 투명해지다가 0이 되면 완전히 투명해진다./* 기본형 */rgb(red 값, green 값, blue 값);rgba(red 값, green 값, blue 값, alpha 값);/* 예시 */color: rgb(2..