본문 바로가기

Web/CSS10

[CSS 기본 개념] 캐스케이딩(cascading)/우선순위 1.1 캐스케이딩-엘리먼트는 다양한 CSS 선언의 영향을 받는다. 이 때 충돌을 피하기 위해서 우선순위를 정하는데 이를 캐스케이딩이라고 함.-css는 다양한 위치에서 기술될 수 있는데, 그 위치에 따라서 우선순위가 달라진다. (숫자 순으로 높음) 1. 저작자 CSS의 important2. 저작자 CSS의 일반선언3. 사용자 CSS의 일반선언4. 브라우저의 CSS 2016. 6. 23.
[CSS 기본 개념] 상속 1.1 상속-상위 엘리먼트의 속성을 하위 엘리먼트가 물려 받음 HTML 2016. 6. 23.
[CSS 기본 개념] 포지셔닝/position(relative,absolute,fixed) 1.1 포지셔닝-positioning, CSS를 이용해서 HTML 엘리먼트들의 위치를 제어하는 방법 1) 상대위치(relative positioning)-position:relative-자신의 위치를 기준으로 한 상대위치 값을 지정한다.-자식 엘리먼트의 크기에 따라서 부모 엘리먼트의 크기가 자동으로 변경되지만, 엘리먼트의 위치에 따라서는 변경되지 않는다. 2) 절대위치(absolute positioning)-position:absolute-문서를 기준으로 위치가 정해지기 때문에 부모 엘리먼트의 위치와는 무관하다.-엘리먼트의 크기가 부모 엘리먼트의 크기에 반영되지 않는다. 3) 고정위치(fixed positioning)-position:fixed-문서를 기준으로 위치가 정해지기 때문에 부모 엘리먼트의 위치.. 2016. 6. 23.
[CSS 기본 개념] float * float 엘리먼트를 원하는 위치로 이동시키고, 엘리먼트 뒤에 따라오는 앨리먼트들이 엘리먼트를 피해서 표시 되도록 한다. 레이아웃을 구성할 때도 사용된다. float를 해제하기 위해서는 clear 속성을 사용한다. 2016. 6. 23.
[CSS 기본 개념] 박스모델/margin/padding/content/border 1.1 박스모델-HTML의 엘리먼트들은 박스의 형태를 가지고 있는데 이것을 가르켜 박스모델이라 한다.à크기를 결정하는 속성, 각각의 엘리멘트간의 여백을 결정하는 체계 u margin : border를 기준으로 박스의 여백을 지정, 시각적인 요소는 없음, 엘리먼트와 엘리먼트 간의 여백이다.u border : 엘리먼트의 테두리, margin과 padding의 경계가 된다.u padding : 테두리와 content간의 간격u content : 엘리먼트 안에 포함되는 순수한 컨텐츠 1.1.1 박스 모델의 종류1. 블록 레벨 엘리먼트 à 한줄에 하나의 엘리먼트만 표시되는 엘리먼트 Ex) DIV, H1~H6, P, FORM, UL, LI, ADDRESS, BLOCKQUOTE, FIELDSET, TABLE, HR .. 2016. 6. 23.
[CSS 기본 개념] 배경 설정 1.1 배경 꾸미기 2016. 6. 23.

티스토리툴바