관리 메뉴

IAress

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

카테고리 없음

웹표준과 접근성 4일차.

IAress 2012. 10. 15. 20:35
반응형

** xhml 

XML + HTML

xml 언어를 html 로 표현한 언어



** XML(eXtensible Markup Language)

 - 뛰어난 확장성(호환성)

 - 단순한 코딩

 - 단계적 구성

 - 사용자 정의 요소

 - 문서 작성시 선언부 반드시 필요



** CSS(Cascading Style Sheet)
웹 페이지의 디자인 표현을 위해 개발된 언어

* 문법
- html
    <태그 속성="속성값" 속성="속성값">

- css
    선택자 {
        속성:속성값;
        속성:속성값;
        }

## 일반 웹페이지 제작시에는 선택자부터
     속성까지 모두 한줄로 작성하고,
     마지막 세미콜론은 반드시 삭제 ##

* CSS 적용 방법
1. 내부 스타일
   - 스타일 효과를 제작중인 문서내에 직접 작성
   - 반드시 스타일 정의 후 효과 작성
   - head 태그 내에서 선언
     <head>
     <style type="text/css">
    효과작성
     </style>
     </head>

2. 외부 스타일
   - 스타일 효과를 다른 문서에 작성
   - 스타일이 필요한 문서에 링크시켜서 적용
   - 효과를 작성한 문서는 *.css 로 저장
   <link rel="stylesheet" type="text/css" href="css  파일의 경로" />

* 효과 작성방법
1. 태그 재 정의 스타일
   - 기존 html 태그에 스타일 효과 추가
   - 해당 태그가 발생하면 효과는 자동으로 적용

2. 사용자 정의 스타일
   - 사용자가 임의로 제작하여 사용
   - 사용자가 필요한 곳에 직접 적용

* 사용자 정의 스타일
1. id
   - 해당 요소의 고유한 구분
   - 같은 페이지에서 한 번만 사용
   - "#이름"으로 선언
   - <태그 id="이름"> 으로 적용


2. class
   - 같은 페이지에 여러번 사용
   -  ".이름" 으로 선언
   - <태그 class="이름">으로 적용

반응형
Comments