CSS는 구조화 된 문서(HTML과 같은)를 화면에 어떻게 렌더링할 것인지를 정의하기 위한 언어이다. 즉 앞서 작성한 HTML이 웹페이지의 골격이라면 CSS는 style(designm layout etc)등을 정의하며 웹페이지를 시각적으로 꾸며준다. 추후 작성할 Js까
style을 적용하고자 하는 HTML 요소를 설렉터로 특정하고 해당 요소에 스타일을 정의한다.\| Attribute Selector (어트리뷰트 설렉터)->실습 후 보강Combinator (복합 설렉터)->실습 후 보강
CSS의 position 프로퍼티를 사용하면, html 코드와 상관없이 원하는 위치에 요소를 그려 넣을 수 있다.position에서 사용하는 값은 아래와 같다.static (거의 사용하지 않는다.)요소를 일반적인 문서 흐름에 따라 배치한다. top (en-US), ri
HTML elements의 대부분은 block 요소이다. (<header>, <footer>, <p>, <li>, <table>, <div>, <h1> 등..)block요소의 의미는, 해당 요소 죄우로 다른 요소를 붙여넣을 수 없다
float은 주로 이미지 주변에 텍스트(inline요소)를 감싸기 위해 만들어진 프로퍼티이다. 그외에도 페이지 전체의 레이아웃을 잡을 때에도 중요한 도구다. float 은 한 element가 보통 흐름(normal flow)으로부터 빠져 텍스트 및 인라인(inline)