CSS 스타일 도입 방법의 장단점 비교

1. 인라인 스타일

장점: 쓰기 쉬움, 무게가 높음

단점: 구조적 스타일의 분리가 없습니다

<div style="width: 100px" height:100px></div>

(추천 비디오 튜토리얼: css 비디오)

2. 장점: 구조와 스타일의 분리

단점: 불완전한 분리

    <style>
        div {
            color: violet;
            font-size: 16px;
        }
    </style>

3. 외부 스타일

장점: 구조와 스타일의 완전한 분리

단점: 소개가 필요함

    <!-- 引入css初始化文件 -->
    <link rel="stylesheet" href="css/normalize.css" />
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="css/baes.css">
    <!-- 引入首页样式 -->
    <link rel="stylesheet" href="css/index.css">

추천 튜토리얼:

시작하기 위한 기본 튜토리얼 CSS

위 내용은 CSS 스타일 도입 방법의 장단점 비교의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!