Phần giới thiệu bài viết trên trang chủ

loading...

Chào bạn quay trở lại với dự án ebook hướng dẫn thiết kế thiết kế theme wordpress

Dự án hướng dẫn thiết kế theme wordpress

Hôm nay chúng ta làm gì đây ta?

Hôm nay tôi và bạn cùng đi code phần giới thiệu cho mỗi bài viết

Phần giới thiệu bài viết trên trang chủ

Nhìn vào hình chúng ta sẽ layout phần này như thế nào đây, bạn có thể có rất nhiều cách để layout phần này, riêng đối với cách của tôi làm sao ít code nhất mà vẫn đạt yêu cầu. Phần này bên trái sẽ là ảnh đại diện của bài viết, bên phải là tiêu đề bài viết, dưới tiêu đê là phần giới thiệu của bài viết, dưới cùng là phần thông kê. Phần bên trái tôi dùng thẻ a, img, phần bên phải tôi dùng một div để chứa, tiếu đề(h3), phần giới thiệu dùng tag p, phần thống kê dùng p, span

Phần Html:

Phần Css:

Phần luận: hôm nay tôi và bạn sẽ đi tìm hiểu về các đơn vị đo trong css px, pt, em

-px được viết tắt từ Pixel, là đơn vị điểm ảnh trên screen media (cụ thể là máy tính). Một pixel tương đương với một điểm trên màn hình máy tính, là đơn vị hiển thị nhỏ nhất trên màn hình. Số lượng điểm ảnh này phụ thuộc vào kích cỡ màn hình và độ phân giải (resolusion) của màn hình đó. Kích thước của một điểm ảnh cũng phụ thuộc vào kích thước màn hình và độ phân giải khác nhau thì không giống nhau.

-pt được viết tắt từ Point, là đơn vị được sử dụng trong in ấn. Một point xấp xỉ gần bằng 1/72 inch. Điều đó có nghĩa là kích thước 1 point là cố định dù trên bất cứ màn hình nào, độ phân giải nào. Thông thường với màn hình CRT 15″ (kích thước màn hình thật sự chỉ khoảng 14″2/9) và ở độ phân giải cao nhất là 1024×768 thì DPI là 96 – có nghĩa là 96 pixels trên 1 inch, tức là 1 px = 0.75 pt. Nhưng cũng màn hình đó nếu set về độ phân giải là 800×600 thì DPI là 56.25, có nghĩa là 1 px = 1.28 pt.

-em và % đều là đơn vị đo lường tương đối. 1 em bằng kích thước của font chữ hiện tại, ví dụ nếu font-size của tài liệu là 12pt thì 1em = 12pt = 100%

Đên đây tôi xin tạm dừng tại đây, hẹn gặp lại bạn ở bài tiếp theo trong dự án này

Cập nhật bài viết mới qua Email


Theo dõi tôi
Đăng ký nhận tin mới
đăng ký nhận tin mới

Hướng dẫn thiết kế theme

Các functions thường dùng

  • Hotline: 0912 889 416

Mọi sự sao chép xin ghi rõ nguồn là fcwordpress.net

Chuyên trang về wordpress: hướng dẫn thiết kế theme, plugin, thủ thuật wordpress