[HTML/CSS] CSS 파일 만들고 첨부하는 법

🐳Coding apple HTML/CSS All-in-one : 기초부터 Bootstrap, SASS, 고급 animation 까지 강의를 보고 정리한 글입니다 🐳

💫 CSS 파일 HTML 첨부하기

1. HTML 파일에서 CSS 파일 경로 지정

<link href="css파일경로~~" rel="stylesheet">

2. CSS파일에 스타일 지정

/* class selector */
.profile {
    width: 100px;
    display:block;
    margin-left: auto;
    margin-right:auto;
}

.title {
    font-size: 16px; 
    color:#888; 
    letter-spacing: 1px;
}

/* tag selector */
h3 {
    text-align: center;
}

p {
    text-align: center;
}

span {
    color:blue;
}

/* id selector */
#special{
    text-align: center;
}

3. HTML에 CSS selector 첨부

<h3 class="title">Dozzing World</h3> <!-- Class -->
<p><span>Front-end</span> Developer</p> <!-- Tag -->
<h3 id="special">쿠키쿠망 블로그 입니다.</h3> <!-- ID -->

💫 셀렉터의 우선순위

1. style = “”
2. #id
3. .class
4. tag