드림위버 CC 배우기 cascsding style sheets 적용하기

cascsding style sheets 적용하기

스타일 시트(cascsding style sheets)

• 작업 페이지마타 같은 스타일을 지정하여 일관성을 부여합니다.
• 스타일을 미리 만들어 저장하고 필요한 ㅂ1ㅜ분에 정의 해주는 기능입니다.
• 글자의 크기, 서체, 배경과 배열 위치 등을 선택하여 설정 할 수 있고 만들어진 스타일 시트는 삭제, 편집이 가능합니다.

외부 스타일 시트

확장자가 CSS가 붙어서 저장되는 독립된 파일입니다.

한번 저장해 놓으면 다른 파일에서 연결하여 사용 할 수 있습니다.

내부 스타일 시트

CSS를 정의한 문서에서만 사용이 가능합니다.

문서안에 포함되어 저장 되고 다른 파일에서는 연결하여 사용 할 수 없습니다.

스타일 시트 만들기

• 인라인 스타일 : 태그에 직접 적용되고 한번만 사용할 수 있습니다. 어떤 태그에 적용되고 있는지 코드를 통해 확인 할 수 있고 속성 창에서 값을 정의합니다.

• 클라스: CSS 디자이너 패널을 통해 정의하여 사용합니다.
1. 새CSS 파일 생성 : 외부 스타일 시트 정의
2. 기존 CSS 파일 첨부 : 저장된 외부 스타일 시트 연결
3. 이 페이지에 정의 :  내부 스타일 시트

스타일 시트(cascsding style sheets) 적용하기

스타일 시트 만들기

메뉴 -> window -> CSS디자이너

소스 부분에서 + 부호를 눌러 새로운 스타일 시트를 만들 수 있습니다.

선택기 부분에서 태그나 클라스의 이름을 적거나 선택할 수 있습니다

속성 부분에서 정의 하고자 하는 값을 선택합니다.