“ CSS 3 은 새로운 것이 아니며 border-radius 속성 주위에 구현된 둥근 모서리도 아닙니다. 그것은 참을성 있게 앉아서 데뷔를 준비하고, 커피를 마시고, 브라우저가 레드카펫을 펼치기를 기다리고 있습니다. 알다시피, 브라우저는 계속 따라가야 합니다...
–이 기사에서는 ISD WEBTEAM의 2009년 2분기 걸작인 CSS 3.0 참조 매뉴얼(중국어 버전)을 기록하고 싶습니다.
배경
Su Yu의 "스타일 시트 중국어 매뉴얼"로 대표되는 CSS2.0 참고 자료는 거의 10년 동안 많은 국내 웹 디자이너와 함께해 왔습니다. 이러한 영향은 광범위하지만 CSS 기술의 지속적인 발전으로 디자이너는 대부분 전통적인 재료와 영향을 받습니다. 기존의 울타리를 넘을 수 없어 스스로에게 큰 부담이 되고 있습니다. CSS 3가 추진력을 얻고 있다는 사실을 알고 계셨나요? 사용을 시작하고 싶지만 어디서부터 시작해야 할지 모르시나요? CSS 3의 새로운 기능이 크게 기대되는 바로 그 순간, CSS3.0 중국어 참조 매뉴얼이 출시되었습니다...
CSS3란 무엇입니까?
CSS는 Cascading Style Sheet의 약자입니다. "계단식 스타일 시트"로 번역됩니다. 웹 페이지 스타일에 대한 (향상된) 제어에 사용되는 마크업 언어이며 웹 페이지 콘텐츠에서 스타일 정보를 분리할 수 있습니다.
CSS3.0은 CSS의 다음 버전을 나타내고, 3.0은 버전 번호를 나타냅니다.
CSS 3은 우리에게 어떤 놀라움을 가져다 주나요?
CSS3.0은 우리 웹 디자이너에게 새로운 기술일 뿐만 아니라, 더 중요한 것은 이러한 웹 애플리케이션의 새로운 개념이 우리에게 디자인에 대한 무한한 가능성을 제공하고 개발 효율성을 크게 향상시킨다는 것입니다. 둥근 모서리, 여러 배경, 사용자 정의 글꼴, 3D 애니메이션, 그라디언트, 상자 그림자, 텍스트 그림자, 투명도 및 웹 디자인 품질을 향상시키는 기타 주요 응용 프로그램을 완성하기 위해 더 이상 이미지나 Javascript에 의존할 필요가 없습니다. CSS 3.0의 등장으로 코드는 더욱 단순해지고, 페이지 구조는 더욱 합리적이 되었으며, 성능과 효과를 모두 고려하게 되었습니다.
사용 지침
이 매뉴얼은 웹 페이지 재구성자 또는 프론트엔드 개발 엔지니어를 대상으로 작성되었습니다.
본 매뉴얼은 W3C 작업 초안을 기반으로 번역되었으며 최종 해석 권한은 ISD WEBTEAM에 있습니다.
이 매뉴얼의 레이아웃은 CSS 3 속성을 테두리, 배경, 색상, 텍스트, 사용자 인터페이스, 기본 상자 모델, 콘텐츠, 기타 모듈 및 고급 선택기의 9가지 범주로 나누는 css3.info의 CSS 미리보기를 참조합니다.
호환성 목록은 일시적으로 Internet Explorer, FireFox, Opera, Safari 및 Chrome에 대한 공식 브라우저 호환성을 제공합니다.
비공개 속성 목록에서 Gecko 엔진을 사용하는 브라우저에는 Firefox가 포함되며, 웹킷 엔진을 사용하는 브라우저에는 -webkit-으로 시작하는 Safari 및 Chrome이 포함됩니다. -o- 시작 및 Internet Explorer는 -ms-로 시작합니다. 현재 IE8만 -ms- 접두사를 지원합니다.
각 속성에 대해 제작된 예제는 글꼴 저작권 문제로 인해 Microsoft에서 가져온 @fontface의 예제를 제외하고 모두 팀원이 각자의 경험을 바탕으로 제작한 것이므로 매뉴얼의 길이 제한으로 인해 일부 예제는 이해하기 어려울 수 있습니다. 우리는 앞으로 이에 대해 논의할 것입니다. 일부 예는 별도의 기사에서 자세히 분석됩니다.
상속, W3C 작업 초안에는 상속에 대한 명확한 설명이 없기 때문에 이번 호에서는 상속에 대한 테스트가 없으며 아직 참조 가치가 없습니다.
다운로드한 CHM 파일을 열 수 없는 경우 CHM 파일을 마우스 오른쪽 버튼으로 클릭한 다음 "속성"에서 "잠금 해제"를 시도할 수 있습니다.
본 매뉴얼은 주로 의사소통을 위한 것이므로 시간적 제약으로 인해 제작된 아마추어 야간작업이므로 사용 시 피드백을 부탁드립니다. 우리는 이 매뉴얼을 지속적으로 개선하고 업그레이드할 것입니다. 여기에는 V1 버전의 매뉴얼이 제공되며, 매월 업데이트됩니다.
출처: 텐센트 웹팀