[CSS] CSS

CSS란? 

HTML문서에 글꼴, 색상, 정력, 배치 등 디자인 요소를 적용하는 기술이다. 

적용하는 방법은 아래와 같다. 

1. 대상 태그에 CSS 코드를 바로 적용

2. 현재 문서 내에 별도의 CSS영역 태그를 통해 적용

3. 외부 파일로 작성 후 현재 문서 내에 CSS 파일을 포함하여 적용

 

 

---

1. 대상 태그에 CSS 코드 바로 적용 

태그 내에 style="css속성설정" 형태로 지정한다. 

 

ex)

✍입력

<p style="color: blue;">  내용  </p>
<p style="background: yellow;"> 내용 </p>

--> p태그 내부에 style 태그를 별도 지정하였다. 

 

---

2. 현재 문서 내에 별도의 css 영역 태그를 통해 적용

 

--> html 문서 내부에 css 영역을 만들 수 있다. <title>과 </head> 태그 사이에 <style> 태그를 적어주면 된다. (style 자동완성으로 사용 가능) 

 

! 주의할 점 ! 원래 html 문서의 주석태그는 <!--     --!>이지만, css영역에서는 /* */을 사용한다. 

 

--> css 영역해서 p태그 텍스트의 컬러를 변경하는 태그 작성 

 

💻출력

글자색이 변경되었다. 

 

---

3. 외부 css파일 작성 후 html 문서 내에 css파일 적용하기

--> 외부에 css파일을 생성한 후, html문서 내에서 link태그로 css파일을 추가하였다.