[CSS] 12. 아이콘 & 스타일 시트

백하림

Mar 10, 2025

Contents

1. 스타일 시트 적용 방법 2. style.css 3. 아이콘 찾는 방법

1. 스타일 시트 적용 방법

💡

<head>안에

<link rel="stylesheet" href="style.css">


<!DOCTYPE html>
<html lang="en">

<head>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">


</head>

<body>
    <h1>Icons</h1>
    <i class='fas fa-ambulance'></i>
    <i class='fas fa-ambulance' style='font-size:24px'></i>
    <i class='fas fa-ambulance' style='font-size:36px'></i>
    <i class='fas fa-ambulance' style='font-size:48px;color:red'></i>
    <i class='fas fa-fire' color:orange'></i>
    <i class='fas fa-tree' color:green'></i>
</body>

</html>