CSS에 대한 나의 이해에 대해 이야기합시다
- 零下一度원래의
- 2017-06-24 11:46:292167검색
첫 번째 날에는 간단한 HTML, 두 번째 날에는 간단한 CSS에 대해 이야기했습니다. 그럼 오늘은 그 조합의 사용법에 대해 이야기해 보겠습니다.
우선 인용 방법과 사용법에 대해 이야기해 보겠습니다.
1. 내부 스타일 시트(
<span style="color: #008080">1</span> <span style="color: #800000"><head></span><span style="color: #008080">2</span> <span style="color: #800000"> <style></span><span style="color: #008080">3</span> <span style="color: #ff0000"> div{
4 color:red:
5 }</span><span style="color: #008080">6</span> <span style="color: #800000"> </style></span><span style="color: #008080">7</span> <span style="color: #800000"><head><br></span>[Tip]: 빨간색 부분이 스타일이고, 요소 선택기입니다
2. 인라인 스타일 시트(스타일 태그에 기재) )
<p style="color: red;"></p>
참고: 구문은 속성 및 속성 값을 큰따옴표로 묶어야 합니다!
3. 외부 스타일 시트(외부 CSS 스타일 시트 소개)는 머리 부분에 배치하는 것이 가장 좋습니다
<span style="color: #008080">1</span> <span style="color: #800000"><head></span><span style="color: #008080">2</span> <span style="color: #800000"> <link rel="stylesheet" href="xxx.css?1.1.11"><br> </head><br></span>
참고: "stylesheet" //스타일 시트
href //Address
xxx.css의 xxx는 파일 이름이며 사용자 정의된 파일 이름입니다. (접미사 .css는 변경할 수 없습니다!)
여기에 있습니다. CSS 선택자이기도 합니다! 선택자는 CSS 스타일 시트의 중요한 부분입니다
CSS 선택자
1. 요소 선택자
div, p,span,hr 등 많은 요소가 중괄호로 직접 연결됩니다. 요소 선택기
2. ID 선택기(id)
id 속성 값을 사용하여 스타일 시트의 label 속성과 스타일을 수정합니다.
Syntax:
{ :; :; }그러면 효과는 다음과 같습니다.
오늘은 여기까지만 쓰겠습니다! 그리고... 강사님이 기본이 아닌 고급을 써야 한다고 해서 포기하기로 했어요! 시간이 나면 계속 업데이트하겠습니다!!!
위 내용은 CSS에 대한 나의 이해에 대해 이야기합시다의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.