비전공자의 개발 공부_ CSS By 생활코딩 Day4

비전공자의 개발 공부.

비(非)개발자에서 Be개발자 되기.

Day3, 4

보다가 잠들어서 다음날 이어서 실습함.

12-1) CSS 이론 > CSS의 기본문법

디자인을 위한 언어, CSS (Cascading Style Sheet)의 약자.

* Cascade : 종속

흠. 뭔가 종속되는 스타일 시트 정도 되는 건가. 여튼, HTML을 예쁘게 꾸미기위한 Style을 담당하는 언어.

그것을 나타내는 태그는 <Style>.

12-2) CSS 이론 > 선택자 심화학습

* CSS의 기본 문법

스타일을 지정할 무언가: 선택자 (Selector)

중괄호 안에 씌여져 있는 것: 서술 (Description)

그 중괄호엔에 서술되어 있는 스타일 : 속성 (Property)

  h1       {color:red}

선택자             서술

Selector    Description

*{} 중괄호 안에 스타일들은 즉, 속성과 속성의의 구분은 ; (세미콜론).

다른 스타일을 중복해서 더 줄 수 있다!

  h1       {color:red; font-size:10px}

12-2) CSS 이론 > 박스모델

마진 (Margine) : 태그와 태그 사이의 간격, 여백

패딩 (Padding) : 컨텐츠와의 간격, 여백

실시간으로 웹브라우저에서 태그를 보고, 적용 해볼 수 있는 개발자 도구! 완전 유용~

12-2) CSS 이론 > float

float 속성은 웹페이지 레이아웃을 디자인 할 때 쓸 수 있음.

float 속성이 적용된 콘텐츠의 위치를 지정할 수 있음.