CSS 튜토리얼 - CSS_Basic 튜토리얼 적용-CSS 튜토리얼-php.cn

1. 인라인

인라인 스타일은 html 태그에서 직접 style 속성을 사용합니다.

text

단락 텍스트를 빨간색으로 설정합니다. 그러나 최종 HTML은 프레젠테이션 문서와 독립적이어야 하므로 모든 곳에서 인라인 스타일을 피해야 합니다.

2. 내부

head 태그에 페이지 전체에 내장된 내부 스타일을 사용하고, 스타일 태그가 스타일을 둘러쌉니다.

"http://www.w3.org/TR/xhtml1/DTD/ xhtml1-strict.dtd"> CSS 예 p {

색상: 빨간색; }

a { 색상: 파란색 .. 모든 단락 텍스트는 빨간색입니다. 파란색. 인라인 스타일과 마찬가지로 HTML과 CSS를 별도로 유지해야 하므로 구세주가 남았습니다.

3. 외부

외부 스타일은 웹사이트의 다양한 페이지에서 사용됩니다. 다음과 같은 독립형 CSS 파일입니다.

p { color: red 🎜>} 위 내용이 "web.css"로 저장되면 링크는 다음과 같습니다. HTML은 다음과 같습니다:

"http://www.w3. org/TR/xhtml1/DTD/xhtml1-strict.dtd"> &lt ;title>CSS 예제 ... 나중에 튜토리얼에서 논의할 것입니다. 지금은 외부 링크의 다른 방법에 대해 이야기하는 것으로 충분합니다. 스타일.

이 가이드에서는 위의 방법을 따라 나중에 코드를 실험해 보는 것이 좋습니다. 텍스트 편집기를 사용하여 새 파일을 만들고 html에 "web.css"로 저장합니다. 예배 규칙서.

"http://www.w3.org/TR/xhtml1/DTD/ xhtml1-strict.dtd"> 내 첫 웹페이지 ... HTML 파일을 저장합니다. 이제 CSS가 연결되었지만 이제 CSS는 비어 있습니다. 아니요 콘텐츠가 HTML을 변경하지 않습니다. CSS 학습을 시작하면 CSS 파일에 코드를 추가하고 HTML을 새로 고친 후 결과를 확인할 수 있습니다.