- PROGRAMMING

[CSS] CSS 적용 방법





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

최근 게시물

[Linux] Rocky Linux 9.5 KVM virt-manager를 이용한 Windowws 11 설치 가이드(VirtIO)

https://youtu.be/nNDRk8bt3c4 1. 개요 virt-manager를 사용하여 KVM/QEMU 가상화 환경에서 Windows 11을 설치하는 방법을 소개합니다. 설치 과정에서는 virtIO…

%일 전

[Windows] Windows 11 24H2 설치 가이드

https://youtu.be/YL23ogmZhuY 1. 개요 이 문서에서는 Windows 11 24H2 버전 설치 방법에 대해 설명합니다. USB 설치 디스크를…

%일 전

[Linux] Rocky Linux 9.5 KVM virt-install로 KVM 가상 머신 생성(CLI)

https://youtu.be/Nm9swsyeXlY 1. 개요 virt-install 명령어를 이용해 Rocky Linux 9.5 기반 KVM 가상 머신을 생성하는 방법을…

%일 전

[Linux] Rocky Linux 9.5 KVM virt-manager로 KVM 가상 머신 생성(GUI)

https://youtu.be/zZQl7OJZf7Q 1. 개요 virt-manager를 이용하여 KVM 가상 머신을 생성하는 방법을 설명합니다. Rocky Linux 9.5 ISO…

%일 전

[Linux] Rocky Linux 9.5 KVM 설치

https://youtu.be/UPeCJbP3UIE 1. 개요 KVM 기반의 가상화 시스템 설치하는 방법을 소개합니다. 2. 버전 Rocky Linux 9.5…

%일 전

[Linux] Rocky Linux 9.5 nmcli로 이중화(Bonding) 구성

https://youtu.be/wqTxt1H31y4 1. 개요 서버에 2개 이상의 NIC(Network Interface Card)가 있을 때, 고가용성과 장애 대응을 위해…

%일 전