CSS 란? (Cascading Style Sheets)
-
웹 페이지의 구성요소의 스타일을 정의하는 언어
-
XML 방언(dialect) 포함)로 작성된 문서의 표현을 기술하기 위해 쓰임
-
요소가 화면, 종이, 음성이나 다른 매체 상에 어떻게 렌더링되어야 하는지 기술
INLINE
<h1 style="color: red; font-style: italic">Security Info<h1>
style="color: red"; : red color
font-style: italic"; : italic
HTML 내부에 StyleSheet
[Name].html
<!DOCTYPE html>
<html>
```
<title>Security Info</title>
<style>
h1 {
color: red;
font-style: italic;
}
</style>
```
</html>
HTML 외부에 StyleSheet
[Name].css
hi {
color: red;
font-style: italic;
}
CSS Selector (Element > ID 부여) - 고유한 스타일
[Name].html
```
<h1 id="test">Security Info</h1>
<h1 id="test1">background<h1>
```[Name].css
#test { color: blue; }
#test1 { color : green; }
CSS Selector (Element > class 부여) - 반복적 스타일
[Name].html
```
<h1 id="test">Security Info</h1>
<h1 id="test1">background<h1>
```[Name].css
.test {
color: blue;
}
.test1 {
color : green;
}
사이트 참조 : MDN CSS
CSS: Cascading Style Sheets
Cascading Style Sheets(CSS)는 HTML이나 XML(SVG, XHTML 같은 XML 방언(dialect) 포함)로 작성된 문서의 표현을 기술하기 위해 쓰이는 스타일시트 언어입니다.
developer.mozilla.org
댓글