CSS 주석에는 여러 유형이 있습니다.-프런트엔드 Q&A-php.cn

CSS 주석에는 여러 유형이 있습니다.

青灯夜游

풀어 주다： 2023-01-11 09:20:09

원래의

2949명이 탐색했습니다.

CSS에는 한 종류의 주석만 있습니다. 여러 줄 주석이든 한 줄 주석이든 "/*"로 시작하고 "*/"로 끝나야 하며 중간에 주석 내용을 추가해야 합니다. 구문은 "/*comment content*/"입니다. 모든 주석은 "/*"와 "*/" 구분 기호 사이에 있는 모든 문자는 주석 텍스트로 처리되며 무시됩니다.

CSS 주석에는 여러 유형이 있습니다.

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

CSS에 주석을 추가하는 것은 간단합니다. /*와 */ 구분 기호 사이에 있는 모든 텍스트 정보를 주석이라고 합니다. /*和*/分隔符之间的文本信息都被称为注释。

CSS 只有一种注释，不管是多行注释还是单行注释，都必须以/*开始、以*/结束，中间加入注释内容。

包含在/*和*/

CSS에는 한 종류의 주석만 있습니다. 여러 줄 주석이든 한 줄 주석이든 /*로 시작하고 */로 끝나야 합니다. 을 클릭하고 중간에 댓글 내용을 추가하세요.

/*와 */ 기호 사이에 포함된 모든 문자는 주석 텍스트로 처리되어 무시됩니다.

[예시 1] 주석은 스타일 시트 외부에 배치됩니다.

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

로그인 후 복사

[예시 2] 주석은 스타일 시트 안에 위치합니다.

p{
    color: #ff7000;  /*字体颜色设置*/
    height：30px;  /*段落高度设置*/
}

로그인 후 복사

다음 예제에서는 CSS 코드를 적용하고 브라우저에서 효과를 확인합니다.

【예시 3】문단과 제목에 각각 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>

로그인 후 복사