'스타일'이란 HTML 웹 문서에 글꼴, 색상, 정렬 등의 디자인 요소들을 설정하는 것을 의미합니다.
그리고, 여러개의 스타일을 모아둔 것을 '스타일 시트'라고 부릅니다.
CSS(Cascading Style Sheet) 에는 2가지 스타일 이 있습니다.
'제작자(auther) 스타일' 과 '브라우 기본(default) 스타일'이며, '제작자 스타일'은 3가지 로 구성 되어 있습니다.
여기서 제작자 란 웹사이트 개발자가 되겠습니다.
1. 인라인 스타일
2. 내부 스타일 시트
3. 외부 스타일 시트
브라우저 기본 스타일 이란,
개발자가 아무런 코드를 명시하지 않아도 브라우저에서 HTML 태그를 해석하여 보여주는 기본 타입을 의미합니다.
하기와 같은 HTML 코드가 있고, 별도의 CSS 작업을 하지 않았다면 기본 브라우저 스타일로 보이게 됩니다.
<body>
<h1>브라우저 기본 스타일 입니다.</h1>
<p>
브라우저 기본 스타일에서는 CSS 코딩이 없더라도 해당 브라우저에서 HTML 태그를 해석하고 <br>
브라우저 자체의 스타일로 태그를 보여줍니다.
</p>
</body>
브라우저에서 결과를 확인해보겠습니다.
브라우저 기본 스타일에 개발자가 CSS 스타일을 추가 코딩을 한다면
개발자가 의도한 개발자 스타일이 적용되는 것 입니다.
span 태그내 style 전역속성을 추가하여 인라인 스타일을 적용한 코드 입니다.
<body>
<h1>브라우저 기본 스타일 입니다.</h1>
<p>
브라우저 기본 스타일에서는 <span style="color:red">CSS 코딩이 없더라도</span> 해당 브라우저에서 HTML 태그를 해석하고 <br>
브라우저 자체의 스타일로 태그를 보여줍니다.
</p>
</body>
브라우저 기본스타일은 영어 원본 문서에서는 "Default style" 이라고 표현 합니다.
즉, 브라우저 자체에서 기본으로 보여주는 타입 이라고 생각 하시면 됩니다.
오늘은 브라우저 기본 스타일을 알아보았습니다.
감사합니다.
반응형
'앱 만들기 > CSS study' 카테고리의 다른 글
브라우저 스타일 초기화 하는 방법 (2) | 2023.05.30 |
---|---|
CSS 주요 font 속성 4가지 알아보기 (0) | 2023.05.12 |
CSS 스타일 시트 우선순위 (3) | 2022.11.22 |
CSS 외부 스타일 시트 란? 그리고 html 문서와 연동방법 알아보기 (6) | 2022.11.18 |
CSS 내부 스타일 시트 란? (4) | 2022.11.17 |
댓글