CSS 코드는 다음 세 가지 위치에 저장될 수 있습니다. 인라인 CSS: HTML 요소의 스타일 속성에 작성되며 특정 요소에만 영향을 미칩니다. 인라인 CSS: HTML 문서의 요소 내에 작성되어 모든 페이지 요소에 영향을 줍니다. 외부 CSS: 별도의 .css 파일에 저장되며 <link> 요소를 통해 HTML 문서에 연결되어 유지 관리가 용이합니다. </p></blockquote> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/202404/06/2024040603151943707.jpg" class="lazy" alt="CSS 코드는 어디에 작성되어 있나요?" ></p> <p><strong>CSS 코드는 어디에 저장되어 있나요? </strong></p> <p>CSS 코드는 일반적으로 다음과 같은 방식으로 저장됩니다. </p> <p><strong>1. 인라인 CSS: </strong></p> <ul> <li>HTML 요소의 스타일 속성에 작성됩니다. </li> <li>특정 요소에만 적용되며 다른 요소에는 영향을 주지 않습니다. </li> <li>예: <code><p style="color: red;">文本</p></code> </li> </ul> <p><strong>2. 인라인 CSS: </strong></p> <ul> <li>HTML 문서의 <style> 요소 내부에 작성됩니다. </li> <li>모든 페이지 요소에 영향을 미칩니다. </li> <li>예: </li> </ul><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'><head> <style> body { background-color: blue; } 로그인 후 복사3. 외부 CSS: 별도의 .css 파일에 저장됩니다. 요소를 통해 HTML 문서에 연결하세요. 장점은 유지 관리가 쉽고, 하나의 파일을 변경하면 여러 페이지에 영향을 줄 수 있다는 것입니다. 예: 로그인 후 복사모범 사례: 일반적으로 유지 관리가 더 쉽기 때문에 외부 CSS를 사용하는 것이 좋습니다. 인라인 CSS는 사소한 스타일 조정에만 사용해야 하며, 인라인 CSS는 전체 페이지에 영향을 미치는 일반적인 스타일에 가장 적합합니다.
