CSS (Cascading Style Sheet) 모듈화 소개 (레벨 3)
현재 CSS 레벨 3에서 가장 큰 변화는 모듈의 도입입니다. 모듈의 장점은 세그먼트가 완성되어 청크로 승인되기 때문에 스펙이 완료되고 승인 될 수 있다는 것입니다 (가정). 또한 브라우저 및 사용자 에이전트 제조업체는 사양 섹션을 지원하지만 의미가있는 모듈 만 지원함으로써 코드를 최소로 늘릴 수 있습니다. 예를 들어, 텍스트 판독기는 요소가 시각적으로 표시되는 방식 만 정의하는 모듈을 포함 할 필요가 없습니다. 그러나 청각 모듈 만 포함하더라도 표준 준수 CSS 3 도구가 될 것입니다.
CSS 3의 새로운 기능
- 셀렉터
- CSS 3의 셀렉터는 매우 흥미로울 것입니다. 디자이너 / 개발자는 문서의 훨씬 더 구체적인 레벨을 선택할 수 있습니다. 이 모듈에 대한 좋은 점 중 하나는 이미 많은 브라우저가 고급 CSS 3 선택기 를 지원하기 시작 했으므로 지금 시도해 볼 수 있다는 것입니다. 예를 들어, 일부 새로운 선택자는 다음과 같습니다.
- 부분 일치를 포함한 속성 및 속성 값 일치
- n 번째 자식과 같은 구조적 의사 클래스
- URL에서 타겟팅 된 요소 만 스타일을 지정하는 대상 의사 클래스
- radio 또는 checkbox 요소와 같이 검사 된 요소를 스타일 지정하는 의사 클래스
- CSS 3의 셀렉터는 매우 흥미로울 것입니다. 디자이너 / 개발자는 문서의 훨씬 더 구체적인 레벨을 선택할 수 있습니다. 이 모듈에 대한 좋은 점 중 하나는 이미 많은 브라우저가 고급 CSS 3 선택기 를 지원하기 시작 했으므로 지금 시도해 볼 수 있다는 것입니다. 예를 들어, 일부 새로운 선택자는 다음과 같습니다.
- 텍스트 효과 및 레이아웃
- 문서에서 하이픈, 공백 및 텍스트의 양쪽 맞춤을 변경합니다.
- 첫 번째 글자 및 첫 줄 가상 클래스
- CSS 3은 속성이 드롭 캡의 커닝과 정렬에 영향을 줄 수 있어야합니다.
- 페이지 된 미디어 및 생성 된 콘텐츠
- CSS 3은 이제 페이지 및 머리말 을 실행하는 것과 같이 페이징 된 미디어에서 더 많은 옵션을 지원합니다. 또한 각주 및 상호 참조 속성을 포함하여 생성 된 내용을 인쇄하기위한 고급 속성이 있습니다.
- 다중 열 레이아웃
- 현재 다중 열 레이아웃 작업 초안 은 디자이너가 열 간격, 열 개수 및 열 너비와 같은 정의로 여러 열에 내용을 표시 할 수있는 속성을 제공합니다.
- 루비
- CSS는 단어 상단이나 하단에 작은 주석을 추가하는 기능을 지원합니다. 중국어와 일본어로 자주 사용됩니다. 그들은 일반적으로 어려운 표의 문자의 발음이나 의미를주기 위해 사용됩니다.
CSS 3는 재미있을 것입니다.
표준으로 완전히 채택되고 웹 브라우저 와 사용자 에이전트가 CSS 3을 사용하기 시작하면 CSS 3는 웹 디자이너에게 강력한 도구가 될 것입니다. 위에 나열된 새로운 기능은 사양에 대한 모든 추가 및 변경 사항의 일부일뿐입니다.