꼭 알아야 할 CSS 속성값 사양

王林
풀어 주다: 2020-06-12 15:42:14
앞으로
2889명이 탐색했습니다.

꼭 알아야 할 CSS 속성값 사양

1. 값이 0이면 일반적으로 단위를 가져올 필요가 없습니다.

예:

.list{
    border: 1px solid 0px;
    margin: 0px;
}
로그인 후 복사

.list{
    border: 1px solid 0;
    margin: 0;
}
로그인 후 복사

로 변경됩니다. 하지만 특별한 경우가 있습니다. 즉, 시간이 있습니다. 시간과 관련된 단위에는 초가 포함되어야 합니다. 다음 두 가지는 불법입니다.

transition-duration: 0;
transition: transform 0 linear;
로그인 후 복사

2. 색상 값으로 16진수를 사용하고 다음과 같이 rgb

를 적게 사용합니다.

color: rgb(80, 80, 80);
로그인 후 복사

color: #505050;
로그인 후 복사

로 변경됩니다. 함수인 경우 변환 계산도 필요합니다. 투명도가 있는 경우 rgba를 사용하십시오.

색상 값의 6개 숫자가 동일하면 3을 쓰세요:

color: #ccc;
로그인 후 복사

3. border none과 0의 차이점에 주의하세요.

다음 두 숫자는 같은 의미를 가집니다:

border: 0;
border-width: 0;
로그인 후 복사

그리고 다음 두 가지는 동일합니다.

border: none;
border-style: none;
로그인 후 복사

따라서 0 또는 없음을 사용하여 테두리를 제거할 수 있습니다.

결국 포장 도구가 알아서 처리하겠지만, 좋은 글쓰기 습관을 유지하는 것도 여전히 중요합니다.

추천 튜토리얼: Css로 빠른 시작

위 내용은 꼭 알아야 할 CSS 속성값 사양의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:juejin.im
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿