관리 메뉴

IAress

웹표준과 접근성 8일차. 본문

분류없음

웹표준과 접근성 8일차.

하늘희 2012.10.24 22:18

** 여백 사용하기
1. padding : 박스 안쪽 여백
2. margin : 박스 바깥쪽 여백


** padding
1. 단일 값 사용
   - 4 방향(top, right, bottom, left)에 동일한 여백 적용
 
2. 한쪽 방향만 값을 주고 싶은 경우
   - padding-방향: 값
   ex) padding-top: 10px;  - 위쪽 여백 지정
   ex) padding-bottom: 10px;  - 아래쪽 여백 지정
   ex) padding-left: 10px;  - 왼쪽 여백 지정
   ex) padding-right: 10px;  - 오른쪽 여백 지정

3. 값을 4개 사용하는 경우
   - 각 위치에 해당하는 값을 순서대로 입력
   - padding : tob right bottom left
   ex) padding: 10px 20px 30px 40px
        = padding-top:10px;
       padding-right: 20px;
       padding-bottom: 30px;
       padding-left: 40px;

4. 값을 3개 사용하는 경우
   - 순서별로 위치는 무조건 고정
   - 생략된 순서의 값은 반대쪽 방향값 계승
   ex) padding: 10px 20px 30px
   위쪽 여백 : 10px
   오른쪽 / 왼쪽 여백 : 20px
   아래쪽 여백 : 30px

5. 값을 2개 사용하는 경우
   - 위 / 아래쪽 여백 동일
   - 왼 / 오른쪽 여백 동일
   ex) padding: 10px; 20px;
   위/아래쪽 여백 : 10px
   왼/오른쪽 여백 : 20px

** margin / border 도 사용법 동일



** 스크립트 **
1. aaa : 변수, 값을 저장하는 장소(이름)
2. "aaa" : 인자값, 다른 명령어에 작성해야 하는 값이
         명령어 인 경우에도 "" 사용
3. aaa() : 함수, 명령어
4. 내장함수: 미리 약속되어 있는 명령어
5. 사용자 정의함수 : 사용자가 임의로 작성하여 사용
   - 명령어를 만드는 기능
   - function 함수명(){
        효과종류
     }
   - 반드시 호출시에만 실행
     실행방법 : 단독실행, 변수, 다른 함수, **이벤트
6. 이벤트 : 언제

week8.html


0 Comments
댓글쓰기 폼