• Home
    • (구)home
  • 잡동사니
    • 자기소개
    • lorem
  • 학습내용
    • 2장
    • 3장
    • 4장
    • 5장
    • 6장
  • Computer
  • 1. Inline - block


  • display 프로퍼티로 박스 유형 설정

    1. 나는
    div(none)
    입니다.

    2. 나는
    div(inline)
    입니다.

    3. 나는
    div(inline-block)
    입니다.

    4. 나는
    div span(block) 입니다.
    5. 나는
    div span(inline-block) 입니다.
  • 2. 박스의 배치 - position


  • position : relative 상대 배치

    상시 변화

    T
    h
    a
    n
    k
    s


    마우스 오버 시 변화

    T
    h
    a
    n
    k
    s

    position:absolute 절대 배치




    position : fixed 브라우저 고정 배치

    첫 페이지로



    float : right 브라우저 오른편 고정 배치


    공지사항
    이번학기 중간고사는 4.18 수업시간에 필기시험 및 홈페이지 점검을 하겠습니다.

    이제 곧 여름 방학이 시작됩니다. 학기 중 못다한 Java, C++ 프로그래밍 열심히 하기 바랍니다. 인턴을 준비하는 학생들은 프로젝트 개발에 더욱 힘쓰세요. 그럼 다음 학기에 만나요.

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint consectetur ipsam minima blanditiis aliquam nisi aspernatur illo tempore optio? Praesentium cupiditate delectus accusamus dolorum nulla corrupti aliquid. Dicta unde, nemo aliquam consequatur vitae molestiae. Aliquid atque dolore sed vel soluta sint aut temporibus mollitia doloribus? Obcaecati eaque earum debitis. Inventore magnam, nobis quidem eos, voluptas amet neque cumque in nostrum et nesciunt odit consequuntur nemo explicabo cum culpa accusamus nulla qui provident beatae recusandae perspiciatis? Dicta est facere laborum esse ad voluptates similique velit qui alias voluptate eaque dignissimos praesentium ullam error fugiat dolores rerum vero perferendis dolorum, odit ratione?


    overflow 프로퍼티 활용


    overflow에 hidden 값을 적용하면 박스를 넘어가는 내용이 잘려 보이지 않습니다.


    overflow에 visible 값을 적용하면 콘텐트가 박스를 넘어가서도 출력됩니다


    overflow에 scroll 값을 적용하면 박스에 스크롤바를 붙여 출력합니다.

  • 꽝!

    글자에 마우스를 올려보세요.

  • 꽝!


  • 기울이기