일반적인 CSS 약어 구문 요약

일반적인 CSS 약어 구문 요약

약어를 사용하면 CSS 파일의 크기를 줄이고 더 쉽게 읽을 수 있습니다. CSS 약어의 주요 규칙은 다음과 같습니다.

색상

16진수 색상 값이 동일한 경우 반으로 약어화할 수 있습니다. 예:

#000000 is OK 약어는 #336699입니다. 값 value1은 value1이고 right 및 left 값은 value2입니다.

property:value1 value2 value3; 위쪽 값은 value1, 오른쪽과 왼쪽 값은 value2, 아래쪽 값은 value3임을 의미합니다.

property:value1 value2 value3 value4 ; 네 가지 값은 위쪽, 오른쪽, 아래쪽, 왼쪽

을 순서대로 나타냅니다. 기억하는 편리한 방법은 시침, 오른쪽 위, 왼쪽 아래입니다. margin과 padding의 구체적인 적용 예는 다음과 같습니다.

Margin:1em 0 2em 0.5em;

Border(border)

border의 속성은 다음과 같습니다. :

border-width:1px;

border-style:solid;

border-color:#000;

한 문장으로 축약 가능 : border:1px Solid #000;

구문은 border: width style color; 반복;

background-attachment:fixed;

background-position :0 0;

한 문장으로 축약 가능: background:#f00 url(Background.gif) no-repeat 고정 0 0;

구문은 다음과 같습니다. 배경:컬러 이미지 반복 첨부 위치;

속성 값 중 하나 이상을 생략할 경우 속성 값은 다음을 사용합니다. 브라우저 기본값은 다음과 같습니다.

색상: 투명

이미지: 없음

반복: 반복

첨부: 스크롤

위치: 0% 0%

글꼴(fonts)

글꼴 속성은 다음과 같습니다. ：

font-style:italic;

font-variant :small-caps;

font-weight:bold;

font-size:1em ;

line-height:140%;

font- family:"Lucida Grande",sans-serif;

한 문장으로 축약 가능: 글꼴:italic small-caps 굵은 글씨 1em/140% "Lucida Grande",sans-serif;

글꼴 정의를 축약하는 경우 글꼴 크기 및 글꼴 계열의 두 가지 값을 정의해야 합니다.

목록(lists)

기본 점과 일련번호를 취소하려면 list-style:none;,

list의 속성은 다음과 같습니다.

목록 스타일 유형:사각형;

목록 스타일 위치:내부;

목록 스타일 이미지:url(image.gif);

한 문장으로 축약 가능: list-style:square inside url(image.gif);

위는 일반적으로 사용되는 CSS 약어 문법을 요약한 내용입니다. PHP 중국어 홈페이지(www.php.cn)!