>  기사  >  웹 프론트엔드  >  꼭 알아야 할 CSS 속성값 사양

꼭 알아야 할 CSS 속성값 사양

王林
王林앞으로
2020-06-12 15:42:142826검색

꼭 알아야 할 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으로 문의하시기 바랍니다. 삭제