skip to content

Làm rõ thuật ngữ (Id) và (Class)

Cũng có khá nhiều bạn hỏi tôi về việc làm sao để phân biệt được idclass. Khi nào dùng id, khi nào dùng class trong HTML và CSS. Trong bài viết này tôi xin giải thích kỹ hơn về hai thuật ngữ này và cách dùng chúng trong quá trình viết mã HTML. ⇥ Continued

Làm thẻ div có thanh cuộn (scrollbar) giống iFrame

Bài viết dưới đây sẽ giới thiệu với các bạn cách làm cho thẻ <div> có thanh cuộn giống khi ta sử dụng iFrame để load một trang khác.

⇥ Continued

Style một kiểu Bubble đơn giản

Thông thường khi chúng ta duyệt Web, chúng ta sẽ không để ý tới cách trình bày của trang Web đó, mà chỉ để ý đến thông tin của nó. Nhưng nếu chúng ta để ý một chút thì nhận thấy rằng, nếu Website nào biết vận dụng các kiểu Typography hợp lý thì sẽ giúp người đọc phân biệt các mức độ thông tin rất nhanh. Điều đó sẽ có tác động tốt đối với người đọc

⇥ Continued

CSS Transparency trên toàn bộ các trình duyệt

Trong bài viết này chúng ta sẽ đề cập đề cập đến vấn đề làm cho transparent background của một thẻ nào đó mà chúng ta muốn. Mặt khác trong kỹ thuật này chúng ta đơn thuần dùng kỹ thuật trong CSS.

⇥ Continued

Kỹ thuật đưa footer xuống cuối trang

Khi chúng ta thiết kế layout của trang Web dạng bảng (table) thì việc đưa phần footer lúc nào cũng ở phía dưới là một việc hết sức đơn giản. Nhưng khi bạn làm việc với layout dạng <div> thì việc đưa phần footer lúc nào cũng ở phía dưới là một điều rất khó khăn. Mặc dù như vậy các Designer CSS vẫn nghĩ ra được các thủ thuật (trick) để thực hiện việc đó.

⇥ Continued

Đặt dòng text vào giữa ( theo chiều cao)

Từ trước tới giờ khi bạn muốn đặt một dòng chữ (giả sử như) tiêu đề vào giữa một thẻ HTML có một chiều cao xác định thì bạn làm thế nào? Theo truyền thống dùng <table> thì chúng ta chỉ việc đặt thuộc tính valign=”middle” vào trong một thẻ <td> là xong. Nhưng nếu đó không phải là thẻ <td> thì bạn sẽ làm thế nào?

⇥ Continued

Style cho thẻ hr

<hr> là một thẻ tự đóng, điều đó có nghĩa là nó không cần thẻ đóng như những thẻ HTML khác. Thẻ <hr> sẽ tạo ra một đường kẻ ngang trên trình duyệt và khoảng cách giữa đường kẻ và nội dung thì phụ thuộc vào các trình duyệt khác nhau.

⇥ Continued

Cách viết giản lược trong CSS

ếu bạn là người thực sự muốn tìm hiểu về CSS, thì bạn không thể không tìm hiểu cách viết giản lược(shorthand) trong CSS. Cách viết này thực sự mang lại những lợi ích và tiện lợi khi bạn sử dụng CSS.

⇥ Continued

Kỹ thuật làm chữ hoa đầu dòng (Drop cap)

Drop cap là một trong những typography hay được dùng trong các tạp chí trên giấy cũng như các tạp chí điện tử. Nó thường được dùng ở đầu mỗi bài báo với font chữ lớn và màu sắc nổi trội. Theo quy luật nhìn của mắt nếu một đối tượng nổi bật hơn các đối tượng xung quanh, nhì nó sẽ có tác động mạnh tới thị giác của người quan sát. Chính vì lý do đó mà người ta vẫn thường dùng cách này cho các bài báo nổi bật cần sự chú ý cao.

⇥ Continued

CSS - Trang trí cho danh sách có thứ tự

Mặc định hầu hết các trình duyệt (Browser) đều hiển thị chữ số của danh sách có thứ tự (order list) theo font mặc định mà chúng ta sử dụng cho nội dung site. Trong bài chỉ dẫn ngắn này tôi xin hướng dẫn các bạn làm thế nào để sử dụng hai thẻ <ol> (orderlist) và <p> để thêm trang trí thêm cho danh sách có thứ tự orderlist.

⇥ Continued