줄 임 말 을 사용 하면 CSS 파일 의 크기 를 줄 이 고 쉽게 읽 을 수 있 습 니 다.css 줄 임 말의 주요 규칙 은 다음 과 같 습 니 다.
색깔.
16 진수 의 색상 값 입 니 다.두 자리 의 값 이 같 으 면 반 으로 줄 일 수 있 습 니 다.예 를 들 어\#000000 은\#000 으로 줄 일 수 있 습 니 다.\#336699 는\#369 로 줄 일 수 있 습 니 다.
박스 사이즈
보통 다음 네 가지 쓰기 방법 이 있다.
property:value1; 모든 변 이 하나의 값 value 1 임 을 나타 낸다.
property:value1 value2; top 과 bottom 의 값 은 value 1 이 고 right 와 left 의 값 은 value 2 임 을 나타 낸다.
property:value1 value2 value3; top 의 값 은 value 1 이 고,right 와 left 의 값 은 value 2 이 며,bottom 의 값 은 value 3 임 을 나타 낸다
property:value1 value2 value3 value4; 네 개의 값 은 순서대로 top,right,bottom,left를 나타 낸다.
편리 한 기억 방법 은 시계 방향,상하 왼쪽 이다.margin 과 padding 에 구체 적 으로 적용 되 는 예 는 다음 과 같다.margin:1em 0 2em 0.5em;
테두리(테두리)
테두리 의 속성 은 다음 과 같 습 니 다:
border-width:1px;
border-style:solid;
border-color:#000; border:1px solid\#000;
문법 은 border:width style color 입 니 다.
배경(배경)
배경 속성 은 다음 과 같 습 니 다.
background-color:#f00;
background-image:url(background.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:0 0; 줄 임 말:background:\#f00 url(background.gif)no-repeat fixed 0;
문법 은 background:color image repeat attachment position 입 니 다.
하나 이상 의 속성 값 을 생략 할 수 있 습 니 다.생략 하면 이 속성 값 은 브 라 우 저 기본 값 을 사용 합 니 다.기본 값 은:
color: transparent
image: none
repeat: repeat
attachment: scroll
position: 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; font:italic small-caps bold 1em/140%"Lucida Grande",sans-serif 로 줄 일 수 있 습 니 다.
줄 임 말 글꼴 이 정의 되면 font-size 와 font-family 두 값 을 정의 해 야 합 니 다.
목록(목록)
기본 원점 과 번 호 를 취소 하면 list-style:none 을 이렇게 쓸 수 있 습 니 다.
list 의 속성 은 다음 과 같 습 니 다:
list-style-type:square;
list-style-position:inside;
list-style-image:url(image.gif); list-style:square inside url(image.gif)로 줄 일 수 있 습 니 다.