Language/CSS

[CSS] 셀렉터(Selector)

CSS(Cascading Style Sheets)는 HTML요소(Element)의 style(design, layout etc)을 정의한다. 그리하려면 HTML이 존재하여야 하고 또한 style을 적용하고자하는 HTML 요소를 특정할 필요가 있다. 이러한 목적으로 사용되는 것이 셀렉터(Selector)이다. 즉, style을 적용하고자하는 HTML 요소를 셀렉터로 특정하고 선택된 요소에 스타일을 정의하는 것이다. Hello World! This paragraph is styled with CSS. 복수개의 셀렉터를 연속하여 지정할 수 있으며 쉼표( , )로 구분한다. h1, p { color: red; } 전체 셀렉터(Universal Selector) 패턴 Description * HTML 문서 내의 ..

[CSS] CSS 기본 문법

CSS(Cascading Style Sheets)는 HTML이나 XML과 같은 구조화 된 문서(Document)를 화면, 종이 등에 어떻게 렌더링할 것인지를 정의하기 위한 언어이다. 즉, CSS는 HTML의 각 요소(Element)의 style(design, layout etc)을 정의하여 화면(Screen) 등에 어떻게 렌더링하면 되는지 브라우저에게 설명하기 위한 언어이다. HTML5 이전 버전의 HTML에는 style을 컨트롤할 수 있는 태그(font, center)가 존재하여 CSS가 없이도 어느 정도의 스타일 표현이 가능하였으나 정보와 구조를 담당하는 HTML의 본연의 역할과 동떨어진 기능까지 추가됨으로서 복잡하고 혼란스러운 언어가 되어 버렸다. HTML5에서는 HTML은 정보와 구조화, CSS는..

[CSS] 기초 정리

CSS(Cascading Style Sheet) 마크업 언어가 실제로 표시되는 방법을 기술하는 언어. CSS는 W3C의 표준이며, 레이아웃과 스타일을 정의할 때 자유도가 높은 언어이다. CSS는 웹 사이트에서 사용되는 스타일을 지정하기 위한 언어이다. 스타일은 웹 이전부터 워드프로세스 등에 사용했던 개념이다. 스타일 사용의 중요한 의미는 문서의 구조와 표현을 분리할 수 있다는 점이다. 구조와 표현을 분리함으로써 문서의 구조를 수정하지 않고, 스타일의 변경만으로 다양한 표현을 할 수 있다는 것을 의미한다. 선택자(selector)와 선언부(declaration block)로 이루어져 있다. 선언부는 속성(property)과 속성 값(value)으로 구성되어 있다. 선언부는 세미콜론(;)으로 속성과 속성 값..

[CSS] CSS(Cascade Style Sheets) Style Sheet

CSS(Cascade Style Sheets) Style Sheet ★브라우저 접두사 : -webkit-(크롬, 사파리) -moz-(모질라, 파이어폭스 ) -o-(오페라) -ms-(익스플로러)