css는 html 또는 ".css" 파일로 작성할 수 있으며 링크 태그를 사용하여 HTML 파일에 연결할 수 있습니다. html로 CSS를 작성하는 방법: 1. 스타일 속성을 사용하여 HTML 태그 CSS에 작성합니다. 2. head 섹션의 스타일 태그를 통해 CSS 스타일을 정의합니다.
이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3 버전 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.
html에 CSS 스타일을 추가하는 방법에는 세 가지가 있습니다. 인라인 스타일, 내부 스타일 시트, 외부 스타일 시트는 모두 html로 작성됩니다.
인라인 스타일
개별 요소에 특별한 스타일을 적용해야 하는 경우 인라인 스타일을 사용할 수 있습니다. 인라인 스타일을 사용하는 방법은 해당 태그에 style 속성을 사용하는 것입니다. style
속성에는 모든 CSS 속성이 포함될 수 있습니다. 다음 예에서는 단락의 색상과 왼쪽 여백을 변경하는 방법을 보여줍니다.
style 속성은 요소의 인라인 스타일을 지정합니다.
style 속성은
구문:
<element style="style_definitions">
style_definitions: 세미콜론으로 구분된 하나 이상의 CSS 속성 및 값. (예: style="color:blue;text-align:center")
예: HTML 문서에서 스타일 속성을 사용하세요
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> </head> <body> <h1 style="color:blue;text-align:center">这是一个标题</h1> <p style="color:green">这是一个段落。</p> </body> </html>
내부 스타일 시트
단일 파일에 특별한 스타일이 필요한 경우 , 내부 스타일 시트를 사용할 수 있습니다. head 섹션의
예:
<head> <style type="text/css"> body {background-color: red} p {margin-left: 20px} </style> </head>
외부 스타일 시트
css 외부 스타일 시트는 CSS 스타일을 별도의 파일에 저장하고 태그를 사용하여 HTML 페이지에 연결하는 것입니다.
예:
HTML에 연결된 CSS 외부 스타일 시트
<head> <link rel =“stylesheet”type =“text / css”href =“common.css”> </head>
더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 학습을 방문하세요! !
위 내용은 CSS는 html로 작성되나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!