Div, CSS là gì ?
Div viết tắt của cụm từ division, nó cũng là 1 tag của HTML dùng để tạo nên layout cho trang web. Với cách làm layout truyền thống thì chúng ta thường sử dụng table để tạo layout (table-base). Vậy tại sao chúng ta dùng Div mà không dùng table. Hãy cùng xem xét ưu và nhược đểm của 2 cái
| Ưu điểm | Nhược điểm | |
| Div | - Mã HTML ngắn gọn, tối ưu, ít sinh ra mã thừa.
- Dễ dàng chỉnh sửa do tạo bằng CSS, chỉ cần chỉnh CSS thì mọi đối tượng trên trang cùng thay đổi. |
- “Không dễ” để phát triển 1 giao diện bằng Div và CSS.
- Việc hiển thị trên nhiều trình duyệt khác nhau (cross-browser) tương đối khó do CSS trên mỗi trình duyệt khác nhau. |
| Table | – Việc tạo layout bằng table hoàn toàn dễ dàng, thậm chí có những tool chỉ cần kéo và thả.
- Hiển thị trên đa trình duyệt tốt. |
- Mã HTMl dài, có thể sinh ra những đoạn mã thừa.
- Nếu không kết hợp với CSS thì việc chỉnh sửa sẽ khó khăn và phức tạp. |
Convert em,px,pt and % in css
In the table below you can find the formula.
| Formula |
| px = pt / 0.75
[px = pt * (0.35146/25.4) * 96)] |
If the decimal value is 0.5 or greater, round up.
If the decimal value is lower than 0.5, round down.
The formula is based on a browser 96 dots per inch (dpi).
See also the unit converter.
Conversion from Points to Pixels (and Ems and %)
Here’s a chart that converts points to pixels (and ems and %). It’s an approximation, which will depend on font, browser and OS, but it’s a good starting point.
| Points | Pixels | Ems | Percent |
| 6pt | 8px | 0.5em | 50% |
| 7pt | 9px | 0.55em | 55% |
| 7.5pt | 10px | 0.625em | 62.5% |
| 8pt | 11px | 0.7em | 70% |
| 9pt | 12px | 0.75em | 75% |
| 10pt | 13px | 0.8em | 80% |
| 10.5pt | 14px | 0.875em | 87.5% |
| 11pt | 15px | 0.95em | 95% |
| 12pt | 16px | 1em | 100% |
| 13pt | 17px | 1.05em | 105% |
| 13.5pt | 18px | 1.125em | 112.5% |
| 14pt | 19px | 1.2em | 120% |
| 14.5pt | 20px | 1.25em | 125% |
| 15pt | 21px | 1.3em | 130% |
| 16pt | 22px | 1.4em | 140% |
| 17pt | 23px | 1.45em | 145% |
| 18pt | 24px | 1.5em | 150% |
| 20pt | 26px | 1.6em | 160% |
| 22pt | 29px | 1.8em | 180% |
| 24pt | 32px | 2em | 200% |
| 26pt | 35px | 2.2em | 220% |
| 27pt | 36px | 2.25em | 225% |
| 28pt | 37px | 2.3em | 230% |
| 29pt | 38px | 2.35em | 235% |
| 30pt | 40px | 2.45em | 245% |
| 32pt | 42px | 2.55em | 255% |
| 34pt | 45px | 2.75em | 275% |
| 36pt | 48px | 3em | 300% |
Demo nhà mới
Đăng ký worldpress từ lâu nhưng giờ mới chính thức chăm chút. Đây là nhà mới của tớ. Chào mừng
Hello world!
Welcome to WordPress.com. This is your first post. Edit or delete it and start blogging!
