CSS의 전문 용어는 무엇입니까? CSS 전문 용어 소개

이 기사에서는 CSS의 전문 용어가 무엇인지 소개합니다. CSS 전문 용어 소개는 참고할만한 가치가 있습니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

1. 높이, 색상 등의 속성

을 CSS 속성이라고 합니다.

2. CSS의 10px, 50%, #ccc 등과 같은 값 ​​

을 모두 CSS 값이라고 합니다. 더 일반적인 유형 값은 정수 값, 숫자 값, 백분율 값, 길이 값, 색상 값입니다.

3. 키워드

는 특히 CSS의 일부 핵심 단어를 나타냅니다. 예를 들어 솔리드, 절대, 블록 등은 모두 키워드입니다

4. 변수

현재 CSS에는 currentColor

5와 ​​같이 변수라고 부를 수 있는 변수가 거의 없습니다. (1) . 상대 길이 단위: 상대 글꼴 길이 단위와 상대 뷰포트 길이 단위로 구분

em, ex, rem, ch(문자 너비 0)과 같은 상대 글꼴 길이 단위

vh, vw, vmin 및 vmax

(2). 절대 길이 단위: px, pt, cm 등

6. 함수 기호

값은 함수 형태로 지정되며 주로 색상(rgba 및 hsla), 배경 이미지 주소(url), 계산(calc), 전환 효과 등 rgba(0,0,0,0.5), url('a.png'), scale(-1)

7 등. 속성 값

속성 콜론 뒤의 모든 내용을 집합적으로 속성 값이라고 합니다. 예: 1px solid rgb (0,0,0)

8. Declaration

속성 이름과 속성 값은 선언입니다. 예: color: transparent;

9 선언 블록은 다음과 같습니다. 중괄호로 묶인 {} 일련의 선언(예:

{
height: 100px;
color: #ccc;
}

10). 규칙 또는 규칙 세트

에는 선택기가 있고 뒤에 선언 블록이 옵니다.

.nav {
color: tansparent;
width: 23px;
}

11.Selector

Class 선택기, "."로 시작하는 선택기, 다음과 같이 많은 요소에 동일한 클래스 선택기가 적용될 수 있습니다. 탐색,. active

ID 선택자, "#"으로 시작하는 선택자는 일반적으로 고유한 요소를 가리킵니다. 예: #header, #page

속성 선택기는 []를 포함하는 선택기를 나타냅니다. 예: input[type="text"] { }, [title~="css-world"] { }

유사 -class 선택자는 :first-child, :nth-child (1), :hover

와 같이 앞에 영어 콜론이 있는 선택자와 다음과 같이 두 개의 연속된 영어 콜론이 있는 선택자를 나타냅니다. :after, ::before

12. 관계 선택자

descendant 선택자, 공백으로 연결된 하위 요소 선택: .parent .child { }

인접 하위 선택자(자식 선택자), 선택은 규칙을 따릅니다. 첫 번째 수준 자식 요소(아들), 손자, 증손자, 두 번째 자식 요소 등은 무시됩니다. 다음과 같은 > 연결(IE7 이상)을 사용합니다. .parent>.first-child { }

형제 선택기 , 현재 요소 다음의 모든 형제 요소 선택, ~ 연결, (IE7 이상) 예: .nav~.siblings { }

인접 형제 선택기, 현재 요소에 인접한 형제 요소 선택, + 연결, (IE7 이상) ) ) 예: .header+.nav { }

13. @rules

미디어 쿼리 @media, 글꼴 @font-face

와 같이 @ 문자로 시작하는 일부 규칙은 CSS에 대한 전문 용어인가요? CSS 전문 용어에 대한 전체 소개입니다.

CSS 비디오 튜토리얼

에 대해 더 알고 싶다면 PHP 중국어 웹사이트를 주목하세요.

위 내용은 CSS의 전문 용어는 무엇입니까? CSS 전문 용어 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!