• fans
  • 1036 reader
  • followers
Contextual Position
  • Tutorial Details
  • Độ khó: Căn bản
  • Thời gian: 15m9s
  • Yêu cầu: Phù hợp cho tất cả các đối tượng lập trình viên

Contextual Position là một khái niệm rất cơ bản nhưng cũng rất quan trọng trong thiết kế giao diện bằng CSS. Absolute position là một tính năng rất hay của CSS nhưng dường như nó lại rất ít khi được sử dụng và có một số người lại ngại sử dụng Absolute Position. Trong bài này tôi sẽ hướng dẫn bạn cách sử dụng Absolute và chỉ cho bạn thấy khái niệm Contextual Position.

Demon Warlock Website facebook twitter user_email

Tôi được sinh ra ở Việt Nam, nhưng hiện tại đang sống và làm việc tại Mỹ. Ngành tôi học không có liên quan gì đến thiết kế web. Nhưng đây là sở thích từ ngày còn là sinh viên du học, do vậy bây giờ dù cho đang đi làm nhưng tôi vẫn thích dùng thời gian rảnh rỗi của mình để học về thiết kế web. Như các bạn, tôi cũng việc mày mò tự học và khám phá.

  • Pingback: Absolute Position trong thiết kế giao diện | Bobiasg

  • Pingback: Thế Giới Nội Thất - Phong cách thiết kế của bạn.

  • Pingback: Thế Giới Nội Thất - Phong cách thiết kế của bạn.

  • Pingback: Absolute Position trong thiết kế giao diện | Colorful Design - Web designer

  • Pingback: Contextual Position | Colorful Design - Web designer

  • leebruce

    Đây là webite về lập trình & thiết kế web hay nhất mà tôi biết, rất hay và dễ hiểu. Cảm ơn Admin!

  • http://www.banquyenphanmem.org vivaacong

    cảm ơn anh dw rất rất nhiều, những video của anh thực sự rất hay, mong anh sẻ tiếp tục làm thêm nhiều video nữa.
    chúc anh và gia đình thật nhiều sức khỏe

  • Min Kien

    sao video mo` vậy anh , em không nhìn thấy gì cả

  • http://vn.360plus.yahoo.com/hoangquoc67 Trần Hoàng Quốc

    Cảm ơn bạn rất nhiều, các bài hướng dẫn của bạn sẽ rất bổ ít đối với mình. Mặc dù mình học bên Soft nhưng mình cũng rất đam mê lĩnh vực web, vì thế mình đang dần mài mò tự viết web từ các video hướng dẫn của bạn.
    Mong rằng bạn sẽ có nhiều video hướng dẫn hơn để mình và mọi người, những ai chưa biết có thể mở rộng tằm mắt :)

  • ictsoledad

    thank anh Demon Warlock (chìa khóa chiến tranh? ^^) bài tutorial rất hay, em đang theo học khóa về web deverlopment, anh có thể làm tutorial về PHP ZF được không anh, rất cảm ơn anh vì tutorial trên

  • Quỳnh Như

    bài rất hay và dễ hiểu ,cám ơn bạn rất nhiều

  • Pingback: Contextual Position « Huy7989's Blog

  • Pingback: Absolute Position trong thiết kế giao diện « Huy7989's Blog

  • Pingback: Duy Tue's Blog

  • Justin911C

    Ok, cám ơn bạn rất nhiều! :D

  • phamnhan

    @Justin911C : nếu đã dùng position: absolute thì bạn phải set top và letf cho nó để định vị trí thôi.

  • Justin911C

    Chào anh DW, thanks anh vì bài viết rất hay… Nhưng em có một thắc mắc nhỏ muốn hỏi anh…
    Như trong video của anh, thì khi định vị tấm hình, anh dùng postion, top và left… Giờ em muốn đẩy tấm hình vào giữa thẻ thì phải làm sao? (Em không muốn sử dụng giá trị “left”)… Ý em là dùng lệnh gì để nó tự động căn chỉnh như text-align=”center” vậy đó anh…
    Anh thông cảm, em mới nghiên cứu css àh :D Cám ơn anh!

  • http://huy.com BHuy

    Bác DW hướng dẫn hay và nhiệt tình quá nên h nhiu người xem tutorial làm mổi lần em load xong để coi 1 tutorial cũng mất gần 15p :((

  • http://123 BAOLAM

    vn can ~ nguoi nhu DW

  • Mr Cuong

    …Gut’ gut’ ! Rất hay và hữu ích….

  • http://www.love-icecoffee.uni.cc nguyenhau

    Tuyệt vời!
    Rất trực quan và hữu ích!
    Thành thật cảm ơn! Chúc bạn luôn khỏe và có nhiều đoạn video như vậy nữa

  • http://www.izwebz.com Demon Warlock

    @nhtera: mới sửa lại đó ku em :D hôm qua chết nhăn răng vì thiếu dấu ”
    @Quế .bach: cảm ơn em đã báo link hỏng.

  • nhtera

    Vẫn sống nhăn răng mà die đâu mà die :D

  • Quế.bach

    Video die rùi, mấy anh check lại đi .

  • http://www.izwebz.com Demon Warlock

    Series về PHP và MySQL đang được Clackken Smith làm. Phần thao tác trên csdl cũng sắp đến rồi bạn đón xem nhé.

  • võ tấn tài

    bạn DW ơi!,bạn có thể tạo cho mình cái video hướng dẫn tạo cơ sở dữ liệu trên mysql và dùng php để lấy dữ liệu lên và ghi dự liệu lại vào mysql lại được không vậy.

  • vudn

    Giờ mới biết thế nào là css thưc sự.

    thanks so much !!!!!!!!!!!!!!!!!

  • http://tambao.net Hoài Anh

    Tuy làm div, css khá nhiều rồi nhưng giờ mới hiểu thêm về thẻ position, cảm ơn bạn.
    Mình sẽ chờ thêm 1 video và bài viết của bạn hướng dẫn làm theme cho wordpress. Chừng nào có hãy gửi mail cho mình vào xem với.
    ——->Cảm ơn và chúc bạn luôn may mắn.

  • http://youtube.com/zzkaizukizz DucNguyen

    ài chà,tính năng này giờ em mới biết (mới học css ) :D
    giờ thiết kế giao điệu sẽ nhẹ nhàng như đẩy xe hàng ,
    cám ơn bác Demon

  • Thien

    Cam on ban da lam tutorial nay, rat de hieu va de thuc hanh theo. Sao trang web khong go duoc tiêng Viet vay?

    • tran minh

      hic khong download đươc hhuu

Newbie

Các series nên xem trên izwebz cho newbie

Khi vào izwebz chắc nhiều bạn cho rằng các bài viết trên izwebz đều không có hệ thống gì cả? Thực chất, các bài biết đều đi theo một series của riêng nó, ví dụ như PHP, HTML & CSS, PSD2HTML, Photoshop, illustrator,… Trong bài viết này, mình sẽ tổng hợp lại các series bài viết cần thiết cho một newbie.

Izwebz facebook group

Social connect

Recent Comments

Archives