집 > 기사 > 웹 프론트엔드 > CSS 주석에는 여러 유형이 있습니다.

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

青灯夜游원래의: 2021-09-14 16:07:172900검색

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

이 튜토리얼의 운영 환경: 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>

페이지 시연 효과는 아래 사진과 같습니다.

관련 추천: "🎜css 비디오 튜토리얼🎜"🎜

위 내용은 CSS 주석에는 여러 유형이 있습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

html5 css css3 样式表

성명：

이전 기사：nodejs가 설치한 모듈을 확인하는 방법다음 기사：nodejs가 설치한 모듈을 확인하는 방법