임베디드 CSS 스타일

삽입된 CSS 스타일은 <style type="text/css"></style> 태그 사이에 CSS 스타일 코드를 작성할 수 있음을 의미합니다. 예를 들어 다음 코드는 세 개의 <span> 태그에 있는 텍스트를 빨간색으로 설정합니다.

<style type="text/css">
span{
color:red;
}
</style>

삽입된 CSS 스타일은 <style></style> 사이에 작성해야 하며 일반적으로 이 경우 삽입된 CSS 스타일은 <head></head> 사이에 작성됩니다. 오른쪽 편집기의 코드와 같습니다.

임베디드는 <head>와 </head> 사이에 페이지의 다양한 요소에 대한 설정을 작성하는 방식으로, 이 방법이 매우 편리합니다. 그러나 많은 페이지를 포함하는 웹사이트의 경우 각 페이지가 자체 스타일을 인라인으로 설정하면 CSS가 제공하는 큰 이점을 잃게 됩니다. 따라서 웹사이트는 일반적으로 독립적인 CSS 스타일 시트 파일을 작성합니다.

다음 섹션

새로운 파일

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>嵌入式css样式</title>
</head>
<body>
 <p>11，<dazi>我变大了</dazi>、你大便了；<span>蓝色的</span>，111、<xxx>红色的</xxx>。其他都是绿色的！</p>
</body>
</html>

제출하다 코드 재설정

자동운전

전체 화면