티스토리 뷰
목차
반응형
내부 CSS란 무엇인가
내부 CSS는 HTML문서의 시작 부분에 모든 CSS를 모아 놓은 경우를 말한다.
<head>부분을 잘 살펴보면 새로운 구성요소인 <style>이 보인다. css를 담고 있다. 스타일부분의 내용은 다음과 같다
p {
color: blue;
}
기본적으로 '모든 <p> 구성요소를 찾고 텍스트 컬러를 파란색으로 바꿔라'는 내용이다. 중괄호 { 와 } 사이에 p 구성요소에 적용하고 싶은 모든 규칙을 담는다 그리고 세미콜론으로 종결한다. 이제 전체 문단을 파란색에서 녹색으로 바꾸고 싶다면 css만 변경하면 된다. HTML 근처에도 갈 필요도 없다.
내부CSS로 텍스트색 바꾸기
css의 color가 blue 였는데 green으로 바뀌면 텍스트 전체의 색깔이 green으로 바뀌는 것을 볼 수 있다.
이렇게 CSS의 정의를 <head>에서 먼저 정의해주면 해당되는 내용이 일괄적으로 적용이 된다. 이것을
'내부 CSS'라고 한다.
반응형
'코딩' 카테고리의 다른 글
| CSS - 아이디 (0) | 2024.04.20 |
|---|---|
| CSS - 클래스 (0) | 2024.04.20 |
| CSS (0) | 2024.04.19 |
| html 쉽게 연습할 수 있는 추천사이트 (0) | 2024.04.19 |
| 아이프레임으로 유튜브영상 연결시키기 (0) | 2024.04.19 |