CSS 적용 방법



1. 인라인(Inline) 스타일

  • HTML 태그 안에 style 속성을 사용하여 적용하는 방식


<p style="color: red; font-size: 20px;">이것은 빨간색 글씨입니다.</p>



2. 내부(Internal) 스타일

  • HTML 문서의 <style> 태그 안에서 정의


<!DOCTYPE html>
<html>
<head>
    <style>
        p {
            color: green;
            font-size: 18px;
        }
    </style>
</head>
<body>
    <p>이것은 초록색 글씨입니다.</p>
</body>
</html>



3. 외부(External) 스타일

  • CSS 파일을 별도로 만들고 HTML에서 link 태그로 연결하는 방식


/* styles.css */
h1 {
    color: blue;
    font-size: 30px;
}


<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <h1>CSS 예제</h1>
</body>
</html>



seuheu

최근 게시물

Synology 스토리지 풀과 볼륨 만들기 – RAID 5와 Btrfs 구성

https://youtu.be/ZuSvgLfRZSk 1. 개요 DSM 설치를 마친 NAS에 저장 공간을 만드는 과정입니다. 드라이브 4개를 RAID 5로…

%일 전

Synology NAS 고정 IP 설정 – DHCP에서 수동 구성으로 바꾸기

https://youtu.be/S30V0Ua5Aqg 1. 개요 공유기가 자동으로 나눠 준 주소를 쓰던 NAS에 고정 IP를 지정하는 과정입니다. 주소가…

%일 전

Synology DS425+ 초기 설치 – DSM 설치부터 관리자 계정 생성까지

https://youtu.be/IlN8nsrFC_Y 1. 개요 디스크만 꽂아 둔 새 Synology NAS에 운영체제인 DSM을 설치하고, 관리자 계정을 만들어…

%일 전

Raspberry Pi OMV(OpenMediaVault) Rsync 자동 백업 설정과 동작 확인

https://youtu.be/EOAT80xj74M 1. 개요 공유 폴더의 내용을 다른 공유 폴더로 주기적으로 복사하도록 예약하는 과정입니다. 작업을 만들고…

%일 전

Raspberry Pi OMV(OpenMediaVault) SMB 공유 설정과 윈도우 네트워크 드라이브 연결

https://youtu.be/T8OBQ1V61J0 1. 개요 앞서 만든 공유 폴더를 SMB로 내보내 윈도우에서 네트워크 드라이브로 붙여 쓰는 과정입니다.…

%일 전

Raspberry Pi OMV(OpenMediaVault) NFS 공유 설정 – 서비스 활성화부터 클라이언트 마운트까지

https://youtu.be/3TWRTRd-Imo 1. 개요 앞서 만든 공유 폴더를 NFS로 내보내 다른 리눅스 장비에서 마운트해 쓰는 과정입니다.…

%일 전