html에서는 html 태그의 단점을 보완하기 위해 CSS 스타일을 자주 사용합니다. 오늘은 기본 CSS 스타일을 사용하여 텍스트 색상을 변경하는 방법에 대해 알아보겠습니다. 나중에 연습하고 인상을 깊게 할 수 있습니다.
1. 먼저 html 글꼴의 기본 코드를 보여드리겠습니다.
<!doctype html> <html> <head> <meta charset="utf-8"> <title>PHP中文网</title> </head> <body> <p>这里是PHP中文网html</p> <p>这里是PHP中文网css</p> <p>这里是PHP中文网php</p> <p>这里是PHP中文网python</p> </body> </html>
여기 p 태그의 네 문단이 있습니다. 이것은 가장 간단한 코드 스타일입니다. (더 보고 싶으면 여기로 오세요: css 비디오 강좌)
둘째, html 글꼴 색상을 설정해야 합니다. CSS 스타일 코드를 살펴보겠습니다:
<style type="text/css">
p{color: blue}
</style>이것은 설정입니다. p 태그에서 CSS 스타일을 위 HTML의 head 태그에 넣으면 효과를 볼 수 있습니다.
이제 HTML의 단락 p가 변경되었는지 살펴보겠습니다. 라벨 매개변수 스타일 디자인의 변경으로 인해 모든 글꼴이 변경되었습니다. 문장 중 하나를 변경하려면 어떻게 해야 합니까?
전체 코드를 다시 살펴보겠습니다.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
<style type="text/css">
p{color: blue}
.php_1{color: yellow}
</style>
</head>
<body>
<p>这里是PHP中文网html</p>
<p>这里是PHP中文网css</p>
<p class="php_1">这里是PHP中文网php</p>
<p>这里是PHP中文网python</p>
</body>
</html>세 번째 단락에 클래스 속성을 추가하여 세 번째 p 태그를 클래스로 만들었습니다. 이제 클래스를 사용하여 세 번째 p 태그를 설정해 보겠습니다. 노란색으로, 효과를 살펴보겠습니다.
이제 세 번째 단락의 텍스트가 노란색으로 변한 것을 쉽게 볼 수 있습니다.
3. 텍스트 색상 변경 CSS 스타일 요약:
기본 단락 속성을 설정하는 데 일반적으로 사용되는 CSS 스타일입니다. 이 글의 색상을 변경할 수 있고, 물론 텍스트의 다른 내용도 변경할 수 있습니다. 이를 이해하면 위에서 클래스를 언급한 것과 동일한 내용을 쉽게 이해할 수 있습니다. 물론 이것은 많은 사람들이 사용할 수 있는 인기 있는 이름입니다. 이 이름을 다른 태그에 추가하면 다른 태그도 이 효과를 가질 수 있습니다.
【에디터 추천】
html5 헤더 태그는 어떻게 사용하나요? html5 헤더 태그 기능 소개
html 하이퍼링크의 글꼴 색상을 변경하는 방법은 무엇입니까? 하이퍼링크 글꼴 색상 변경 방법 요약
위 내용은 HTML에서 글꼴 색상을 설정하는 방법은 무엇입니까? CSS에서 글꼴 색상을 설정하는 방법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
앵커 포지셔닝 그냥 소스 순서를 관리하지 마십시오Apr 29, 2025 am 09:37 AM앵커 포지셔닝이 HTML 소스 순서를 철회한다는 사실은 컨텐츠와 프리젠 테이션 사이의 또 다른 문제가있는 또 다른 분리 때문에 CSS-Y이기 때문입니다.
마진은 무엇입니까? 40px 100px 120px 80px를 의미합니까?Apr 28, 2025 pm 05:31 PM기사는 CSS 마진 속성, 특히 "마진 : 40px 100px 120px 80px", 응용 프로그램 및 웹 페이지 레이아웃에 미치는 영향에 대해 설명합니다.
다른 CSS 테두리 속성은 무엇입니까?Apr 28, 2025 pm 05:30 PM이 기사에서는 CSS 국경 속성에 대해 설명하고 사용자 정의, 모범 사례 및 응답성에 중점을 둡니다. 주요 인수 : Border-Radius는 반응 형 디자인에 가장 효과적입니다.
CSS 배경은 무엇이며 속성을 나열합니까?Apr 28, 2025 pm 05:29 PM이 기사에서는 CSS 배경 속성, 웹 사이트 디자인 향상에 대한 사용 및 피하는 일반적인 실수에 대해 설명합니다. 주요 초점은 배경 크기를 사용한 반응 형 디자인에 중점을 둡니다.
CSS HSL 색상은 무엇입니까?Apr 28, 2025 pm 05:28 PM기사는 CSS HSL 색상, 웹 디자인에서의 사용 및 RGB의 장점에 대해 설명합니다. 주요 초점은 직관적 인 색상 조작을 통해 설계 및 접근성을 향상시키는 데 있습니다.
CSS에 댓글을 추가 할 수있는 방법은 무엇입니까?Apr 28, 2025 pm 05:27 PM이 기사는 CSS의 주석 사용에 대해 논의하고 단일 라인 및 멀티 라인 주석 구문을 자세히 설명합니다. 의견은 코드 가독성, 유지 관리 및 협업을 향상 시키지만 제대로 관리하지 않으면 웹 사이트 성능에 영향을 줄 수 있다고 주장합니다.
CSS 선택기는 무엇입니까?Apr 28, 2025 pm 05:26 PM이 기사는 CSS 선택기, 유형 및 HTML 요소 스타일링을위한 사용법에 대해 설명합니다. ID와 클래스 선택기를 비교하고 복잡한 선택기의 성능 문제를 해결합니다.
어떤 유형의 CSS가 우선 순위가 가장 높습니까?Apr 28, 2025 pm 05:25 PM이 기사는 CSS 우선 순위에 대해 논의하며, 가장 높은 특이성을 가진 인라인 스타일에 중점을 둡니다. CSS 충돌 관리를위한 특이성 수준, 재정의 방법 및 디버깅 도구를 설명합니다.
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!
인기 기사
뜨거운 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
DVWA
DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
맨티스BT
Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.
ZendStudio 13.5.1 맥
강력한 PHP 통합 개발 환경
