CSS
-
CSS - 문법CSS/CSS 2020. 3. 2. 23:17
오늘은 CSS 문법에 대해 알아보자! 다음은 가장 간단한 CSS 코드이다. h1 { color: red} h1, color, red 세 개의 단어가 의미하는 것은 무엇인가? 이 세 개의 단어들을 각각 선택자, 속성, 값이라고 한다. h1 -> 선택자(selector) 선택자(selector)란 무엇을 꾸밀지 정한다. h1은 h1 요소를 꾸미겠다는 뜻이다. color -> 속성(property) 속성(property)이란 어떤 모양을 꾸밀지 정한다. color는 색을 꾸미겠다는 뜻이다. red -> 값(value) 값(value)은 어떻게 꾸밀지 정한다. red는 빨간색으로 만들겠다는 뜻이다. 즉, CSS 코드는 이렇게 구성된다. selector { property: value} /* 선택자 {속성: 값}..
-
CSS - HTML에 CSS 적용시키기CSS/CSS 2020. 3. 2. 01:02
HTML에 CSS를 적용시키는 방법을 알아보자! HTML에 CSS를 적용시키는 방법은 3가지가 존재한다. Inline Style Sheet에 대해서 알아보자. Inline Style Sheet란? → HTML 태그에서 style 속성으로 CSS 코드를 넣어 적용시키는 방법이다. Hello world! 태그가 선택자(selector)가 되고, CSS 코드에는 속성(property)과 값(value)을 이용해 사용한다. 단, 꾸미는데 한계가 있고, 재사용이 불가능하다는 단점이 있다. Internal Style Sheet에 대해 알아보자. Internal Style Sheet이란? → HTML 문서에서 로 CSS 코드를 넣는 방법이다. 이와 같은 코드를 HTML 문서 안에 넣으면, h1태그의 글자가 빨간색이 ..