티스토리

나비와꽃기린
검색하기

블로그 홈

나비와꽃기린

mkil.tistory.com/m

일과 공부 기록

구독자
20
방명록 방문하기
공지 ***[ 그래도 공지 ]*** 모두보기

주요 글 목록

  • [CSS 기본 개념] 캐스케이딩(cascading)/우선순위 1.1 캐스케이딩-엘리먼트는 다양한 CSS 선언의 영향을 받는다. 이 때 충돌을 피하기 위해서 우선순위를 정하는데 이를 캐스케이딩이라고 함.-css는 다양한 위치에서 기술될 수 있는데, 그 위치에 따라서 우선순위가 달라진다. (숫자 순으로 높음) 1. 저작자 CSS의 important2. 저작자 CSS의 일반선언3. 사용자 CSS의 일반선언4. 브라우저의 CSS 공감수 0 댓글수 0 2016. 6. 23.
  • [CSS 기본 개념] 상속 1.1 상속-상위 엘리먼트의 속성을 하위 엘리먼트가 물려 받음 HTML 공감수 0 댓글수 0 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-문서를 기준으로 위치가 정해지기 때문에 부모 엘리먼트의 위치.. 공감수 0 댓글수 0 2016. 6. 23.
  • [CSS 기본 개념] float * float 엘리먼트를 원하는 위치로 이동시키고, 엘리먼트 뒤에 따라오는 앨리먼트들이 엘리먼트를 피해서 표시 되도록 한다. 레이아웃을 구성할 때도 사용된다. float를 해제하기 위해서는 clear 속성을 사용한다. 공감수 0 댓글수 0 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 .. 공감수 0 댓글수 0 2016. 6. 23.
  • [CSS 기본 개념] 배경 설정 1.1 배경 꾸미기 공감수 0 댓글수 0 2016. 6. 23.
  • [CSS 기본 개념] 링크 설정 1.1 링크 꾸미기링크는 아래와 같이 4가지의 상태를 가지고 있다. 공감수 0 댓글수 0 2016. 6. 23.
  • [CSS 기본 개념] 텍스트/폰트 설정 1. 스타일링1.1 텍스트 꾸미기-텍스트를 감싸는 태그가 필요- 태그로 감싸고 여기에 효과를 준다. 공감수 0 댓글수 0 2016. 6. 23.
  • [CSS 기본 개념] CSS 선택자 1.1 선택자 공감수 0 댓글수 0 2016. 6. 23.
  • [CSS 기본 개념] CSS 안? / CSS 사용하기 1. CSS-HTML을 꾸며주는 언어-정보(HTML)과 디자인(CSS)를 분리할 수 있다.-정보를 수정하지 않고 디자인만 변경할 수 있다.- 표현방식 1.1 HTML에서 CSS 사용하기1) HTML태그내에 스타일 지정(Inline 방식)-엘리먼트에 스타일을 직접 기술하는 방식-CSS 선언이 분명해서 style tag 방식에 비해 엘리먼트에 영향을 주고 있는 CSS를 추적하기가 쉽다. -하지만 내용과 스타일의 분리 그리고 이로 인한 스타일 일괄변경의 효율성 측면으로 볼 때는 바람직하지 않는 방법2) 내부 스타일 시트(Internal 방식)-style 태그에 를 기술하여 사용하는 방식-inline 방식 대비 경제적으로 코딩할 수 있다.3) 외부 스타일 시트(External 방식)-CSS를 별도의 파일로 분리.. 공감수 0 댓글수 0 2016. 6. 23.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.