본문 바로가기

CSS2

[CSS] 배치, 레이아웃 설계, float 5. Element가 배치되는 방법(CSS layout) Layout = 엘리먼트를 화면에 배치하는 것 = Rendering 과정 = 배치 display(block, inline, inline-block) block : 위에서 아래로, inline : 좌에서 우로 흐른다. position(static, absolute, relative, fixed) float(left, right) 블록으로 쌓이는 엘리먼트 display: block ​ div, p 등 대부분 엘리먼트 옆으로 흐르는 엘리먼트 display: inline ​ span, a(링크), strong(강조) 좀 다르게 배치시키기 (position 속성) static position 속성은 기본 static이다. 그냥 순서대로 배치된다. absol.. 2019. 10. 5.
[CSS] 기초 1. CSS CSS선언 방식 style을 HTML에 적용하는 방법 inline : html 태그 안에다가 삽입, 같은 속성을 추가하려 할 때 다른 방법보다 우선 적용된다. inline이 가장 먼저 반응한다! internal : style 태그로 지정하기. head안에 바로 넣는다. 별도의 css파일을 관리하지 않아도 된다. 브라우저가 요청을 보내지 않는다. 구조와 스타일이 섞여있어서, 유지, 보수, 관리가 어렵다. external : 외부파일(.css)로 지정하기. main.css internal과 external은 우선순위가 동등하다. 겹치는 선언이 있을 경우 나중에 선언된 속성이 반영된다. selector(선택자) property value { }는 오브젝트를 표현함. element.stype int.. 2019. 10. 5.
728x90

티스토리툴바