> 개발 도구 > sublime > 숭고한 테스트에서 CSS를 실행하는 방법

숭고한 테스트에서 CSS를 실행하는 방법

下次还敢
풀어 주다: 2024-04-03 12:03:18
원래의
708명이 탐색했습니다.

Sublime Text에서 CSS를 실행하는 단계: HTML 파일을 열고 <head> 태그 안에 <style> 태그를 추가하여 CSS를 포함합니다. CSS를 저장하려면 HTML 파일을 저장하세요. 실시간 효과를 미리 보려면 "보기" 메뉴를 통해 "실시간 미리보기"를 선택하세요. CSS를 편집하고 저장하면 미리보기가 실시간으로 업데이트됩니다.

숭고한 테스트에서 CSS를 실행하는 방법

Sublime Text로 CSS를 실행하는 방법

Sublime Text는 CSS 코드의 효과를 빠르게 미리 볼 수 있도록 도와주는 CSS 실행기가 내장된 인기 있는 코드 편집기입니다. Sublime Text로 CSS를 실행하는 단계는 다음과 같습니다.

1단계: HTML 파일 열기

Sublime Text에서 미리 보려는 CSS 코드가 포함된 HTML 파일을 엽니다.

2단계: <style> 태그 추가 <style> 标签

在 HTML 文件的 <head> 部分内,添加一个 <style>

HTML 파일의 <head> 섹션 내부에 <style&gt를 추가합니다. ; 태그, 실행할 CSS 코드가 포함됩니다. 예:

<code class="html"><head>
  <style>
    /* 你的 CSS 代码 */
  </style>
</head></code>
로그인 후 복사

3단계: HTML 파일 저장

새로 추가된 CSS 코드를 저장하려면 HTML 파일을 저장하세요.

4단계: 실시간 미리보기 실행

    다음 명령 중 하나를 선택하여 실시간 미리보기를 실행하세요.
  • Mac:
  • 보기 > 브라우저에서 미리보기
  • Windows:
  • 보기 > 브라우저에서 미리보기 > 실시간 미리보기
  • Linux:
보기 > 브라우저에서 미리보기 > 실시간 미리보기

5단계: CSS 효과 미리보기

🎜실시간 미리보기 창에는 HTML 파일의 실시간 미리보기가 표시됩니다. 방금 추가한 CSS 코드가 적용됩니다. CSS 코드를 수정하고 파일이 저장되는 즉시 효과를 확인할 수 있습니다. 🎜

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

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