>웹 프론트엔드 >CSS 튜토리얼 >CSS를 간단하게 익히기 위한 필수 포인트

CSS를 간단하게 익히기 위한 필수 포인트

不言
不言원래의
2018-04-21 15:46:321340검색

이 글에 소개된 내용은 CSS의 간단한 학습의 핵심으로, 이제는 누구나 참고할 수 있도록 공유하고 있습니다.

참고: http://www.w3school.com .cn/css

CSS는 HTML 요소의 표시를 더욱 표준화하는 것입니다. 태그, 파일 헤더, 외부 파일에 작성할 수 있으며 브라우저 기본 설정(높은 수준부터 낮은 수준까지)을 통합하고 표준화할 수 있습니다.

요소 {속성: 값}

h1 {color:red; font-size:14px;}

h1 요소 내부의 텍스트 색상을 빨간색으로 정의하고 글꼴 크기를 14픽셀로 설정합니다.

CSS는 대소문자를 구분하지 않습니다. 한 가지 예외가 있습니다. HTML 문서 작업 시 클래스 및 ID 이름은 대소문자를 구분합니다.

그룹화된 선택자가 동일한 선언을 공유하도록 선택자를 그룹화할 수 있습니다.

h1,h2,h3,h4,h5,h6 {  color: green;  }

모든 제목 요소는 녹색입니다.

ID 선택자는 "#"으로 정의됩니다.

#red {color:red;}#green {color:green;}

첫 번째는 요소의 색상을 빨간색으로 정의할 수 있고, 두 번째는 요소의 색상을 녹색으로 정의할 수 있습니다

<p id="red">这个段落是红色。</p><p id="green">这个段落是绿色。</p>

id 속성은 한 번만 나타날 수 있습니다. 각 HTML 문서에서

파생 선택기: 컨텍스트를 통해 스타일 정의
id 선택기: #을 사용하여 특정 ID로 스타일 정의
클래스 선택기: .class 이름
속성 선택기: 지정된 속성에 대한 스타일 정의

외부 스타일 시트:

<head><link rel="stylesheet" type="text/css" href="mystyle.css" /></head>

위 내용은 CSS를 간단하게 익히기 위한 필수 포인트의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.