[CSS] Internal Stylesheet

안녕하세요 동기 여러분! 오늘은 <style>이라는 태그를 사용해서 스타일을 꾸며보는 방법에 대해 알아봅시다!

 

Internal Stylesheet

저번 포스팅에서는 인라인에 스타일을 적용해서 해당하는 태그의 스타일만 바꾸어 보았습니다. 

 

첫 번째 <p>만 색이 변함

 

문서 전체를 걸쳐 모든 <p>의 색을 파란색으로 바꾸려면 어떻게 해야 할까요?

 

물론, CSS 파일로 넘어가서 설정을 해줘도 되지만 HTML 코드에서도 해줄 수가 있습니다.

 

---

 

생김새

HTML 코드 아무 곳에 <style> 태그를 쓰고 CSS 코드 방식으로 코드를 써넣어 주면 됩니다.

헤드 위에다가 넣은 모습

헤드안에다가 넣은 모습

바디 안에다가 넣은 모습

푸터 안에다가 넣은 모습

 

결과는???

4가지 경우(헤드 위, 헤드 안, 바디 안, 푸터 안) 모두 똑같은 실행화면이 출력됩니다.

 

그래도 한눈에 알아보기 위해서는 헤드 안에 넣는 게 가장 좋아 보입니다.

 

---

 

오늘의 느낌

오늘 점심은 A&W에서 엉클 버거를 사 먹었는데 아 진짜 너무 맛있다!!! 한국에도 A&W 있었으면 좋겠음