CSS 스타일

高洛峰
풀어 주다: 2016-11-24 10:08:11
원래의
1402명이 탐색했습니다.

외부 스타일 시트
3. 내부 스타일 시트( 태그 내부)
삽입 스타일 시트( 태그 내부)
4. HTML 요소) CSS 문서(변경하는 것이 원칙입니다)

CSS 구문은 선택자, 속성, 값의 세 부분으로 구성됩니다. 예:
선택자 {속성: 값}

선택자는 정의해야 하는 요소 또는 태그입니다.

예: body{color:red} 태그 본문의 색상 속성을 빨간색으로 정의합니다

값이 여러 단어인 경우 double을 사용합니다. 따옴표로 묶습니다
예: p {font-family: "sans serif"}

여러 속성을 지정하는 경우 각 속성은 세미콜론으로 구분해야 합니다
예: p {text- align:center;color:red}

각 HTML 요소는 하나의 클래스 속성만 가질 수 있습니다


p.right {text-align: right } 왼쪽 및 오른쪽 클래스 속성이 오른쪽인 p 요소 또는 태그 수정

.right{text-align: right}를 사용하는 경우 클래스 속성이 오른쪽인 모든 요소 또는 태그를 수정합니다. 이며 특정 유형의 태그나 요소가 없습니다.

id 선택기


CSS에서

#attribute{}를 사용하여 모든 ID 속성을 동일하게 수정할 수 있습니다. 요소 또는 레이블이 클래스와 유사합니다. 다른 하나는 #
을 사용하는 것입니다. 클래스 ID의 속성 이름은 숫자로 시작할 수 없습니다. 그렇지 않으면 Mozilla/Firefox에서 제대로 작동하지 않습니다

css comments/* */

스타일 시트를 삽입하는 세 가지 방법
• 외부 스타일 시트

태그는 헤드 영역에 사용됩니다.



• 내부 스타일 시트

;/head


• 인라인 스타일
인라인 스타일을 추가하려면 관련 태그의 style 속성을 사용하세요. 스타일 속성에는 모든 CSS 속성이 포함될 수 있습니다. 이 예에서는 단락에 왼쪽 간격을 추가하고 색상을 빨간색으로 변경하는 방법을 보여줍니다


🎜>





관련 라벨:
css
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿