CSS 선언문은 항상 무엇으로 끝나나요?

CSS 규칙은 선택기와 하나 이상의 선언이라는 두 가지 주요 부분으로 구성됩니다. 선택자는 스타일을 변경해야 하는 HTML 요소입니다. 각 선언은 속성과 값으로 구성됩니다. CSS 선언문은 항상 세미콜론 ";"으로 끝나고 선언 그룹은 중괄호 "{... }".

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

CSS 규칙은 선택기와 하나 이상의 선언이라는 두 가지 주요 부분으로 구성됩니다.

• 선택자는 스타일을 변경해야 하는 HTML 요소입니다.

• 각 선언은 속성과 값으로 구성됩니다. 속성은 설정된 스타일 속성입니다. 속성과 값은 콜론으로 구분됩니다.

CSS 선언은 항상 세미콜론 ;로 끝나고 선언 그룹은 중괄호 {…}로 묶입니다. CSS를 더 읽기 쉽게 만들려면 한 줄에 하나의 속성만 설명하세요. ; 结束，声明组以大括号 {…} 括起来。为了让 CSS 可读性更强，可以每行只描述一个属性。

例：

 p
 /*选择器*/
 {
     color:red;/*属性+值*/
     text-indent:2em;
 }

CSS的id选择器和class 选择器

id 选择器

/* 注意：id选择器前有 # 号。 */
#sky{
  color: blue;
}

<p id="sky">蓝色的天空</p>
<p id="forest">绿色的森林</p>

这条规则表明，找到页面上id为sky的那个元素让它呈现蓝色，如下所示的页面，蓝色的天空这几个字就将会是蓝色的。id选择器适用范围只有一个元素。

class 选择器

/* 注意：class选择器前有 . 号。 */
.center{
  text-align: center;
}
.large{
  font-size: 30px;
}
.red{
  color: red;
}

<p class="center">我会居中显示的</p>
<p class="red">我是红色的</p>
<p class="center large red">我又红又大还居中</p>
<p class="red">我也可以是红的</p>

元素的class值可以有多个，也可以重复。class选择器应用非常普遍。

css注释

任何语言都需要注释，HTML 使用f5712cb0667c5e89f880d9a1636dc39f 来进行注释，而 CSS 使用/* 注释语句 */

예:

body {  /*页面基本属性*/
    font-size: 12px;
    color: #CCCCCC;
}
/*段落文本基础属性*/
p {
    background-color: #FF00FF;
}

CSS ID 선택기 및 클래스 선택기

id selector

rrreeerrreee

이 규칙은 페이지에서 ID가 sky인 요소를 찾아서 파란색으로 만드는 것을 보여줍니다. 아래에 표시된 대로 "blue sky"라는 단어는 파란색으로 표시됩니다. ID 선택기는 하나의 요소에만 적용됩니다.

class selectorrrreeerrreee

요소의 클래스 값은 여러 값을 가지거나 반복될 수 있습니다. 클래스 선택자는 매우 일반적입니다. 🎜🎜css 주석🎜🎜모든 언어에는 주석이 필요합니다. HTML은 주석에 97f6691d54abb7459102043ca30e6d8a을 사용하는 반면 CSS는 /* 주석을 사용합니다. */ 댓글을 작성하세요. 🎜rrreee🎜댓글의 역할: 🎜🎜CSS 댓글은 CSS 코드나 레이아웃 CSS 스타일에 특별한 댓글을 달기 위해 종종 CSS 댓글을 사용합니다. 기능적 사용을 위한 조건부 주석도 있습니다. 🎜🎜css 주석(css annotations)은 특정 CSS 코드 부분의 위치, 기능, 스타일 등을 설명하는 등 우리가 작성하는 CSS 파일을 설명하는 데 도움을 주어 나중에 한눈에 쉽게 이해할 수 있도록 해줍니다. 유지 관리 팀이 웹 페이지를 개발할 때 합리적이고 적절한 주석은 팀이 CSS 스타일이 html에 해당하는 위치를 이해하는 데 도움이 되어 div CSS 웹 페이지가 원활하고 빠르게 개발될 수 있습니다. 🎜🎜(학습 영상 공유: 🎜css 영상 튜토리얼🎜)🎜

위 내용은 CSS 선언문은 항상 무엇으로 끝나나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!