프로그래밍/web

HTML 문서에 CSS 스타일 적용하기

레이나sy 2023. 2. 28.
반응형

1. 인라인

<p style="속성:값; 속성:값">...</p>

태그안에 바로 적용할 수 있으나, 한 요소에만 적용가능 여러 요소에 적용하려면 각각 작성해야함.

 

 

2. <head> 태그 안에<style>..</style>이용하기

선택자를 이용하여 <style>태그안에 작성해서 요소 스타일 입히기

 

 

3. 외부스타일시트 

css파일을 따로 생성해서 작성 후 

<head> 태그 안에 <link rel="stylesheet" href="css파일 경로.css"> 활용하여 연결하기

 

1번은 바로 요소에 스타일을 적용하면 되며, 2-3번의 경우 선택자를 활용하여 요소에 스타일을 연결할 수 있다. 

 

예시

 

반응형