"적용"을 클릭합니다. 5. "명령" 옵션을 클릭한 다음 "소스 형식 적용" 옵션을 클릭합니다."/> "적용"을 클릭합니다. 5. "명령" 옵션을 클릭한 다음 "소스 형식 적용" 옵션을 클릭합니다.">

 >  기사  >  개발 도구  >  dw에서 CSS 코드 형식을 지정하는 방법

dw에서 CSS 코드 형식을 지정하는 방법

青灯夜游
青灯夜游원래의
2020-12-18 16:46:439978검색

방법: 1. "편집" 옵션을 클릭하고 "기본 매개변수"를 선택합니다. 2. "코드 형식"을 선택한 다음 "고급 서식"에서 CSS를 클릭합니다. 3. "각 속성을 별도의 줄에 표시"를 선택합니다. 4. "확인" -> "적용"을 클릭합니다. 5. "명령" 옵션을 클릭한 다음 "소스 형식 적용" 옵션을 클릭합니다.

dw에서 CSS 코드 형식을 지정하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, Adobe Dreamweaver CS6 버전, Dell G3 컴퓨터.

관련 추천: "dreamweaver tutorial"

먼저 DW를 사용하여 이미 작성된 CSS 파일을 열고 포맷하기 전에 편집된 코드가 어떻게 보이는지 살펴보세요.

dw에서 CSS 코드 형식을 지정하는 방법

그런 다음 소프트웨어 창 상단의 "명령" 옵션을 클릭하고 팝업 메뉴에서 "소스 형식 적용" 옵션을 클릭하여 코드 형식을 지정합니다.

dw에서 CSS 코드 형식을 지정하는 방법

포맷 후 각 클래스의 속성이 한 줄에 표시됩니다. 맞지 않으면 새 줄에 표시됩니다. 페이지가 설정되지 않았을 때 나타나는 서식 효과입니다.

dw에서 CSS 코드 형식을 지정하는 방법

다음으로 CSS 코드의 형식을 변경하고 CSS 속성을 단일 속성으로 한 줄에 표시하도록 설정합니다. 편집 옵션을 클릭하고 팝업 드롭다운 메뉴에서 "선호 매개변수"를 선택합니다.

dw에서 CSS 코드 형식을 지정하는 방법

팝업 "기본 설정" 대화 상자의 범주에서 "코드 형식"을 선택한 다음 "고급"을 클릭합니다. 형식 설정" css

dw에서 CSS 코드 형식을 지정하는 방법

CSS 소스 형식 옵션 대화 상자에서 "각 속성은 별도의 줄에 있습니다." 앞에 체크를 하면 미리보기 효과를 볼 수 있습니다.

dw에서 CSS 코드 형식을 지정하는 방법

선택 후 "확인", "적용", "닫기"를 차례로 클릭한 다음 CSS 코드에 소스 형식을 다시 적용합니다. 코드는 단일 속성과 한 줄이 됩니다.

dw에서 CSS 코드 형식을 지정하는 방법

dw에서 CSS 코드 형식을 지정하는 방법

이제 포맷이 완료되었습니다.

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 소개를 방문하세요! !

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.