본문 바로가기 메뉴 바로가기

Just Make IT

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Just Make IT

검색하기 폼
  • 전체 글 보기 (143)
    • Frontend-dev (96)
      • HTML-CSS-JS (65)
      • react (30)
    • Backend-dev (36)
      • python (36)
    • Useful-tools (9)
    • computer (2)
  • 방명록

fixed (1)
css의 position 속성을 알아봅시다.

css의 position 속성 배우기 홈페이지를 만들기 전에 우선은 css속성 중에 하나인 position에 대해서 알아야 합니다. 반응형 웹을 만들기 전에 우선 position 속성을 배워봅시다. position 속성은 사용되는 엘리먼트들의 위치를 지정할 때 사용하는 속성입니다. 각 엘리먼트들은 위치를 옮길 수 있습니다. left, right, top, bottom이라는 속성들로 말이죠. 이렇게 위치를 옮기는 것을 오프셋을 조정한다고 합니다. left, right, top, bottom 등 오프셋을 조정할 수 있는 속성에는 길이 단위(px, em 등)와 %(퍼센트)를 줄 수 있습니다. 그저 오프셋을 지정한다고 엘리먼트들이 움직이는 것은 아닙니다. 포지션 속성을 설정해줘야 지정한 오프셋에 따라 엘리먼트들..

Frontend-dev/HTML-CSS-JS 2018. 1. 16. 22:07
이전 1 다음
이전 다음
TAG
  • html
  • css
  • flex
  • 리액트 라우터
  • React
  • 파이썬 예제
  • 리액트
  • 장고 튜토리얼
  • responsive web
  • 깃허브
  • three.js 튜토리얼
  • 자바스크립트
  • es6
  • 반응형 웹
  • 반응형 웹 예제
  • 플렉스
  • python
  • JavaScript
  • css grid
  • 스크래핑
more
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday

Blog is powered by Tistory / Designed by Tistory

티스토리툴바