CSS3의 새로운 기능 (상자 크기 조정 박스 모델, 필터 필터)

1. 박스 모델 (박스 크기)

CSS3 상자 모델은 박스 크기를 지정할 수 있습니다, 두 개의 값이 있습니다 : 콘텐츠 상자, 국경 박스로 지정할 수 있습니다, 우리는 변화하는 방식에 상자의 크기를 계산합니다.

그것은 두 가지 상황으로 나눌 수 있습니다 :

 1. 박스 크기 : 내용 상자 상자 크기 폭 + 패딩 + 국경 (기본값)

 2. 상자 크기 : 국경 박스 상자 폭 크기

 우리는 상자 모델 상자 크기 조정 읽을 경우 경계 상자를 (이 폭 패딩과 테두리 너비를 초과하지 않는 경우), 그 패딩과 테두리가 큰 상자를 지원하지 않습니다

2. CSS3 필터 (필터)

 이미지 블러 필터 CSS 속성 등의 효과는 색상 변화 소자에인가

 필터 : () 함수, 예를 들어 필터 : 흐림 (5px) 흐림 흐림 처리 큰 값 퍼지

3. CSS3의 CALC 기능

 당신이 CSS 속성 값을 선언 할 때 CALC는 () 약간의 계산을 수행하는

 폭 : CALC (100 % - 30 픽셀); // 상자의 폭이 부모 (자체)보다는 항상 낫다 (30)는 작은 픽셀

 계산 * / - 괄호를 사용할 수있다 +

 

추천

출처www.cnblogs.com/qtbb/p/11738461.html