디자이너와 개발자를 들어, CSS는 웹 디자인 과정의 중요한 부분이었다. 웹 페이지의 모양이 크게 CSS에 의해 제어되는, CSS 코드는 우리 스타일의 페이지 레이아웃 및 페이지 내용의 변화에 쓸 수 있습니다. CSS3과 더 많은 브라우저 지원의 출현과 함께, 설계자들은 더 많은 선택이있다. CSS3는 우리의 웹 사이트와 상호 작용하기 쉽고 더 활발하고 재미있는, 그리고되고 그래서 페이지는 애니메이션 요소를 많이 추가 할 수 있습니다. 이 장에서는 페이지의 다양한 만들 CSS3의 스타일 속성을 사용합니다. 이 장에서는 속성과 속성의 사용을 나열, CSS3 스타일의 호텔을 소개 역할을한다. 페이지 스타일을 설정하는 몇 가지 작은 사례를 만들기 위해 스타일 속성을 사용합니다. 그래서 독자들은 더 명확하게 직관적으로 CSS3 스타일의 속성을 이해하고, 즉시 사용할 수있을 수있다. 이 장에서는 독자 사이트의 케이크에 CSS3의 장식을 사용할 수 있습니다.
새로운 색상 모드
CSS3 스타일은 CSS의 투명 컬러 모드보다 더 많은 설정 컬러 모드 RGBA를 추가합니다. RGB는 익숙하지 않은 우리 모두를 위해, 우리는 그것이 무엇 RGBA 얘기 이니까, 빨간색 R + G + 녹색, 파랑 (B)인가? RGB의 기초 간단히 말해 채널 알파에 추가됩니다. 표 1에 설명 된대로 색상 모드 매개 변수를 추가합니다.
표 1 CSS3 새로운 색상 모드 매개 변수 설명
방통은 RGBA는 (등 투명 배경 색상, 테두리 색상 투명, 투명 전경 색상) 투명 색상을 만들어 말했다, 내가 도움이 불투명이 일을 생각하지 못했습니다. 일반적으로 사용되는 우리의 CSS2 배경 색상에서 생산하지만, 테두리 색상을 만들기 위해 그것을 사용하거나 전경, 그것은이 기능을 달성 할 수 있다고한다. 여기서는 비교를 위해 동시에 사용되는 RGB 및 RGBA opacty 함께 사용의 예는, 코드는 다음과된다 :
우리가 공통점있는 것을 볼 수 있습니다,이 효과를 설명하기 위해 브라우저 페이지 문서의 결과를 볼 수 있습니다,이 파일을 열 직접 브라우저를 사용하면 배경 색상이 정확히 동일하지만 차이점은 두통이었다 느낌이 너무 문제는 불투명도 자손 요소가 함께 투명성, 투명 값이 감소로 불투명 단어의 우리가 더욱 더 명확하게 볼 것, 그리고 RGBA 이러한 문제가 발생하지 않습니다. 도 1에 도시 :
투명성의 요소에 대해 더 나은 CSS 세트에 비해 우리의 위, RGBA의 예에서 볼 수 있듯이. 각각의 색상이 전체 요소의 투명성에 영향을 미치지 않기 때문에 같은 테두리, 글꼴 등의 요소의 다른 속성에 영향을 미치지 않습니다. 요소 세트 RGBA과 동시에, 투명성에 관련된 다른 요소에 영향을 미치지 않습니다.
도 1 불투명도 및 투명성 콘트라스트 RGBA