>웹 프론트엔드 >CSS 튜토리얼 >CSS 스타일 주석을 작성하는 방법

CSS 스타일 주석을 작성하는 방법

青灯夜游
青灯夜游원래의
2021-04-21 16:49:458613검색

CSS에서는 여러 줄 주석이든 한 줄 주석이든 "/*"로 시작하고 "*/"로 끝나야 하며, 중간에 주석 내용을 추가해야 합니다. 구문 형식은 "/*입니다. 댓글을 달 내용 */". 댓글 내용 옆에는 "*" 기호를 배치할 수 없으며, 한 칸 이상 비워두어야 합니다.

CSS 스타일 주석을 작성하는 방법

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

CSS 주석은 코드에 추가 설명을 추가하거나 브라우저가 특정 영역 내에서 CSS 코드를 구문 분석하는 것을 방지하는 데 사용됩니다. 주석은 문서 ​​레이아웃에 영향을 주지 않습니다.

CSS에는 한 종류의 주석만 있습니다. 여러 줄 주석이든 한 줄 주석이든 /*로 시작하고 */로 끝나야 합니다. 을 클릭하고 중간에 댓글 내용을 추가하세요. /*开始、以*/结束,中间加入注释内容。

语法

注释可以写在样式表中任意允许空格的位置。注释可以写成一行,也可以写成多行。

/* 需要注释的内容 */

说明:所有被放在/**/分隔符之间的文本信息都被称为注释

注:“*

Syntax

주석은 공백이 허용되는 스타일시트의 어느 위치에나 작성할 수 있습니다. 주석은 한 줄에 쓸 수도 있고 여러 줄에 쓸 수도 있습니다.

/*定义网页的头部样式*/
.head{ width: 960px; }
/*定义网页的底部样式*/
.footer {width:960px;}

참고: /**/ 구분 기호 사이에 있는 모든 텍스트 정보를 주석이라고 합니다.

참고: "*" 기호는 댓글 내용 가까이에 배치하지 말고, 한 칸 이상 비워두어야 합니다. <p><strong></strong>CSS에 주석을 추가하는 방법</p> <p><br>1. 주석을 스타일 시트 외부에 배치합니다. </p><pre class="brush:html;toolbar:false">p{ color: #ff7000; /*字体颜色设置*/ height:30px; /*段落高度设置*/ }</pre><p>2. 댓글은 스타일 시트 안에 위치합니다. <img src="https://img.php.cn/upload/image/311/921/301/1618994546984142.gif" title="1618994546984142.gif" alt="CSS 스타일 주석을 작성하는 방법"><pre class="brush:html;toolbar:false">&lt;html&gt; &lt;head&gt; &lt;style type=&quot;text/css&quot;&gt; /*样式1*/ .STYLE1 { color: #009900; /*字体颜色是绿色的*/ } /*样式2*/ .STYLE2 { font-size: 18px; /*字体大小为18号字体*/ color: #FF3300; /*字体颜色是红色的*/ font-weight: bold; /*字体进行了加粗*/ } /*样式3*/ .STYLE3 { color: #0000FF; /*字体颜色为蓝色*/ font-family: &quot;黑体&quot;; /*字体为黑体*/ font-style: italic; /*字体效果为倾斜*/ } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;p class=&quot;STYLE1&quot;&gt;段落设置一&lt;/p&gt; &lt;p class=&quot;STYLE2&quot;&gt;段落设置二&lt;/p&gt; &lt;h2 class=&quot;STYLE3&quot;&gt;标题设置效果&lt;/h2&gt; &lt;/body&gt; &lt;/html&gt;</pre></p> <p>예: CSS 코드에 주석을 달고 브라우저에서 효과를 확인하세요.</p> <p>rrreee<a href="https://www.php.cn/course/list/12.html" target="_blank">렌더링: </a></p>🎜🎜🎜🎜참고: CSS를 작성할 때 특별한 지침이 필요한 곳이 있으면 CSS Annotation에서 제공하는 기능을 사용할 수 있습니다. 주석 설명. 주석은 다른 사람들이 개발된 CSS 코드를 읽고 이해하는 데 도움이 됩니다. 주석을 올바르게 사용하고 가능한 한 적은 주석을 사용하는 것이 호환성과 파일 크기 감소에 도움이 됩니다. 🎜🎜(학습 영상 공유: 🎜css 영상 튜토리얼🎜)🎜

위 내용은 CSS 스타일 주석을 작성하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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