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

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

青灯夜游
풀어 주다: 2023-01-05 16:10:27
원래의
8606명이 탐색했습니다.

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

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

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

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

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

语法

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

/* 需要注释的内容 */
로그인 후 복사

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

注:“*

Syntax

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

/*定义网页的头部样式*/
.head{ width: 960px; }
/*定义网页的底部样式*/
.footer {width:960px;}
로그인 후 복사

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

참고: "*< /code>" 기호는 댓글 내용 가까이에 배치하지 말고, 한 칸 이상 비워두어야 합니다.

CSS에 주석을 추가하는 방법


1. 주석을 스타일 시트 외부에 배치합니다.

p{
    color: #ff7000;  /*字体颜色设置*/
    height:30px;  /*段落高度设置*/
}
로그인 후 복사

2. 댓글은 스타일 시트 안에 위치합니다. CSS 스타일 주석을 작성하는 방법

<html>
<head>
<style type="text/css">
/*样式1*/
.STYLE1 {
    color: #009900;  /*字体颜色是绿色的*/
}

/*样式2*/
.STYLE2 {
    font-size: 18px;  /*字体大小为18号字体*/
    color: #FF3300;  /*字体颜色是红色的*/
    font-weight: bold;  /*字体进行了加粗*/
}

/*样式3*/
.STYLE3 {
    color: #0000FF;  /*字体颜色为蓝色*/
    font-family: "黑体";  /*字体为黑体*/
    font-style: italic;  /*字体效果为倾斜*/
}
</style>
</head>
<body>
    <p class="STYLE1">段落设置一</p>
    <p class="STYLE2">段落设置二</p>
    <h2 class="STYLE3">标题设置效果</h2>
</body>
</html>
로그인 후 복사

예: CSS 코드에 주석을 달고 브라우저에서 효과를 확인하세요.

rrreee렌더링:

🎜🎜🎜🎜참고: CSS를 작성할 때 특별한 지침이 필요한 곳이 있으면 CSS Annotation에서 제공하는 기능을 사용할 수 있습니다. 주석 설명. 주석은 다른 사람들이 개발된 CSS 코드를 읽고 이해하는 데 도움이 됩니다. 주석을 올바르게 사용하고 가능한 한 적은 주석을 사용하는 것이 호환성과 파일 크기 감소에 도움이 됩니다. 🎜🎜(학습 영상 공유: 🎜css 영상 튜토리얼🎜)🎜

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

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