CSS_Experience 교환에서 여백, 패딩, 테두리, 배경 및 글꼴에 대한 약어의 예

다음은 보다 일반적으로 사용되는 속성의 예입니다.

여백

margin-top:1px;
margin-bottom:1px
margin-left:1px; 단순화: margin:1px

margin-top:1px;
margin-bottom:1px
margin-left:2px; 예: margin:1px 2px

margin-top:1px;
margin-bottom:3px;
margin-left:2px; 예: margin:1px 2px 3px

margin-top:1px;
margin-right:2px;
margin-left:4px; 단순화: margin: 1px 2px 3px 4px

참고: 속성 값이 0이면 단위를 쓸 필요가 없습니다. 예: 0px 0

padding
padding 쓰기 방법은 margin

padding-top:1px
padding-right:1px
padding-left:1px; ;
코드 단순화: padding:1px

padding-top:1px;
padding-right:2px;
padding-left:2px; ：padding:1px 2px

padding-top:1px;
padding-right:2px;
padding-left:2px; ：padding:1px 2px 3px

padding-top:1px;
padding-right:2px;
padding-left:4px; 코드 단순화 대상: padding:1px 2px 3px 4px

border

border-width:1px
border-style:solid; > 코드 단순화: border:1px solid #000

배경

background-color:#CCFFFF
background-image:url(picture path)
background-repeat; :repeat -x;
background-position:5px 4px;
코드는 다음과 같이 단순화됩니다: background:#CFF url (그림 경로)peat-x 5px 4px

font

글꼴 크기:26px;
글꼴 무게:bold;
글꼴 계열: “宋体”;
코드는 다음과 같이 단순화됩니다. 속성 값

색상: #000000;
색상: #ff0000
코드는 다음과 같이 단순화됩니다. 색상: #000, 색상: #f00