안녕, 세상!

CSS3는 이전의 CSS1이나 CSS2의 속성을 그대로 사용하지만 border 속성에 추가적인 속성이 포함되어 있습니다. CSSS3 레이아웃에서 중요한 부분은 box 종류를 이해는 것입니다. p 태그와 같이 화면에 직사각형의 box를 나타내는 것은 HTML에서 블록 영역을 설정하는데 중요합니다. 다음은 CSS를 제어하는 box의 기본 속성들입니다. Margin 속성 : box와 인접한 요소 사이의 간격을 나타냅니다. Border 속성 : 요소를 감싼 border의 특징을 나타냅니다. Padding 속성 : 실제 내용(Content)과 요소사이의 간격을 나타냅니다. Height, Width : 실제 내용(Content)의 크기를 나타냅니다. (1) Margin 속성 이 속성은 box 사이의 여백을 제어하고..

(1) 스타일시트의 특성 ① 스타일시트의 우선순위 하나의 웹페이지 내의 태그에서 여러 가지 스타일 시트가 동시에 적용되었을 때 스타일 시트의 우선순위 4가지 규칙이 있습니다. (1) 선언문에 "!important" 를 붙여주면 적용 위치에 관계없이 항상 우선 적용됩니다. (2) 하나의 웹페이지에 다양한 스타일시트 형식 중에서 2가지 이상의 형식이 정의되어 있고 정의된 스타일시트 형식들이 태그 내에서 동시에 2개 이상이 적용될 때 태그에 가장 가깝게 정의되어 있는 스타일시트가 우선적으로 적용됩니다. (3) 엠베디드 스타일시트 형식 4가지가 동시에 지정될 때 다음과 같은 우선순위를 갖습니다. 순위 스타일시트 1 ID 형식 2 Class 형식 3 문장 선택자 형식 4 기본 형식(태그 선택자) (4) 해당 요소..

CSS(Cascading Style Sheets)는 문서의 모양을 정의하는 속성을 모아놓은 언어이며, html 문서의 색이나 모양 등 외관을 보완하는 역할로 문서를 픽셀 단위로 세밀하게 제어할 수 있어서 html로만 변형시키기 힘든 속성을 정의할 수 있습니다. 처음에 제공된 스타일시트는 CSS1으로 간단히 해결을 했지만 새로운 버전의 웹브라우저가 나타나면서 CSS2가 주로 사용되었습니다. HTML5가 발표된 후 CSS 기술이 한층 발전하여 CSS3 체계를 이용하고 있습니다. CSS3가 CSS2와 다른 점은 모듈 기반으로 개발된다는 점입니다. 또한 기존에 없었던 화려하고 역동적인 포토샵도 생겼으며 자바스크립트와 서버 측에 의존했던 기술들이 자체적으로 담겼습니다. (1) CSS 특징 ① 기능 확장성 HTML..