> 웹 프론트엔드 > 프런트엔드 Q&A > dw에서 CSS를 연결하는 방법

dw에서 CSS를 연결하는 방법

WBOY
풀어 주다: 2023-05-09 09:18:37
원래의
2109명이 탐색했습니다.

DW는 강력한 CSS 편집 기능을 갖추고 있어 사용자가 자신의 웹 페이지에 CSS 코드를 쉽게 적용할 수 있는 매우 실용적인 웹 페이지 제작 도구입니다. 다음은 DW에 익숙하지 않은 사용자가 CSS 파일을 빠르게 링크하는 데 도움이 되는 간단하면서도 효과적인 몇 가지 단계입니다.

  1. 새 웹페이지 만들기

먼저 DW에서 새 HTML 파일을 만들어야 합니다. "파일" 메뉴의 "새로 만들기" 명령이나 단축키 'Ctrl+N'을 통해 조작할 수 있습니다.

  1. CSS 파일 만들기

DW에서 CSS 파일을 연결하려면 먼저 프로젝트에서 CSS 파일을 만들어야 합니다. "파일" 메뉴에서 "새로 만들기" 명령을 선택한 다음 "CSS 파일"을 선택하면 됩니다. 일단 생성되면 CSS 코드로 채워야 합니다.

  1. CSS 파일을 HTML 파일로 연결

이제 CSS 파일을 HTML 파일로 연결해야 합니다. DW 편집 창 하단에 "속성"이라는 패널이 있습니다. 이 패널에는 "링크"라는 옵션이 있습니다. 거의 모든 DWHTML 요소에는 이 속성이 있습니다. 이 속성을 클릭한 후 해당 대화 상자에 CSS 파일 경로를 입력하여 CSS 파일을 HTML 파일에 연결합니다.

  1. HTML 파일 미리보기

CSS 파일을 연결한 후 HTML 파일을 미리 봐야 합니다. DW의 메뉴 표시줄에서 "파일" -> "미리보기" 명령을 찾을 수 있습니다. 이 명령을 클릭하면 DW는 브라우저에서 HTML 파일을 엽니다.

CSS 코드가 올바르게 추가되어 HTML 파일에 연결되면 브라우저를 통해 효과를 볼 수 있습니다.

요약

위의 몇 가지 간단한 단계를 통해 HTML 파일에 CSS 코드를 쉽게 적용할 수 있습니다. 뿐만 아니라 DW는 사용자가 웹 페이지의 모양을 보다 정확하게 제어하여 더 나은 결과를 얻을 수 있는 다양한 CSS 편집기도 제공합니다.

위 내용은 dw에서 CSS를 연결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿