CSS cơ bản
Bảng thuộc tính và giá trị thuộc tính của bảng
Hướng dẫn mình viết chạy trên Google Chrome 10+ và Safari 5.1 +, những cái khác các bạn cứ đổi prefix webkit thành moz (firefox) hay o (opera).... Những version cũ hơn mình chỉ đưa ví dụ sau, các bạn tự ngâm cứu nhé.
Thông thường khi chúng ta làm bóng đổ (Shadow) cho chữ chúng ta thường dùng các phần mềm đồ họa như Photoshop, Illustrator, Firework,..vv. Đối với những phần mềm đó thì việc tạo ra bóng đổ cho chữ hết sức đơn giản và có nhiều hiệu ứng bắt mắt, nhưng trong bài viết này tôi xin giới thiệu với các bạn một thủ thuật trong CSS –
Float (theo như nghĩa tiếng Việt là thả trôi) là một thuộc tính CSS dùng để cố định một thành phần web về bên trái hay bên phải không gian bao quanh nó. Đây là một thuộc tính rất cần thiết khi dàn trang (như tạo các trang web 2 column layout hay 3 column layout)
Ngoài việc thiết lập một style cho các phần tử của HTML, CSS cho phép bạn chỉ định Sectors riêng của mình được gọi là “ID” và “Class
Bài viết này sẽ cho chúng ta biết cách làm thế nào để hiển sử dụng CSS. Và hiển thị chúng trên trình duyệt.
Khi chúng ta biết, khi một trình duyệt đọc một file CSS. Nó sẽ định dạng văn bản theo file CSS đó.
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?
Hiện định dạng ảnh PNG chỉ được hỗ trợ bởi một số trình duyệt mới như Firefox, Opera, IE7. Còn một số trình duyệt cũ như từ IE6 trở xuống đều không hỗ trợ định dạng ảnh này. Trong bài viết này chúng ta sẽ dùng một số thủ thuật để định dạng ảnh PNG có thể hiển thị tốt trong IE.
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.
Như chúng ta đã biết với sự phát triển nhanh chóng của ngành công nghiệp phần cứng, ngày càng có nhiều màn hình có độ phân giải cao. Nó cho phép chúng ta có một không gian làm việc rộng hơn, nhưng đôi khi nó cũng là vấn đề bất cập đối với Website của chúng ta.
Hiện tại hầu hết các trình duyệt như Firefox, Opera, Safari,... đều hiểu được thuộc tính min-height: trong CSS, nhưng IE lại không thể hiểu được thuộc tính đó. Chính vì vậy mà khi chúng ta muốn đặt min-height cho một đối tượng nào đó thì chúng ta cần phải Fix để sao cho IE hiển thị được giống như những trình duyệt khác.
Trong bài viết "Hiển thị ảnh PNG trên IE" chúng tôi đã đề cập đến vấn đề làm sao để transparent toàn bộ ảnh PNG trong Website trên IE. 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 đối tượng 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.