Thuộc tính mới box-shadow của CSS3 là một trong những thuộc tính khá hữu dụng và được sử dụng nhiều trong quá trình viết CSS. Với thuộc tính này bạn có thể tạo cho các thành phần trong website của mình hiệu ứng bóng đổ đẹp mắt. Tuy nhiên thuộc tính này không được hỗ trợ trên toàn bộ các trình duyệt hiện tại, thuộc tính này chỉ được hỗ trợ từ Safari 3+, Firefox 3.1 (Alpha), Chrome 7+, Opera và IE 9+.

Tùy theo ý tưởng của mình mà các bạn có thể điều chỉnh thông số sao cho phù hợp để có được hiệu ứng đẹp mắt như mong muốn.

Khi làm việc với thuộc tính này thì các bạn cần chú ý 3 thông số chính như sau:

Thuộc tính word-wrap: cũng là thuộc tính mới được thêm vào trong CSS3. Đầu tiên thuộc tính này được Microsoft thêm vào trong trình duyệt IE để khắc phục lỗi không tự động xuống dòng khi có một đoạn văn bản quá dài vượt quá đối tượng chứa nó. Giờ đây thuộc tính này đã được đưa vào trong CSS3. word-wrap được hỗ trợ trong IE 5.5+, Firefox 3.5+, Chrome, Safari ...

Tác dụng chính của thuộc tính này là tự động xuống dòng (bẻ dòng) đối với những đoạn văn bản không chứa dấu cách và có độ dài vượt quá đối tượng chứa nó. Đây là lỗi mà chúng ta thường gặp nhất trong trường hợp các đoạn văn bản là những liên kết (url) Website mà có các tham số (Query string) quá dài. Để các bạn dễ hình dung tôi xin lấy ví dụ sau.

Để có một giao diện đẹp chúng ta phải chỉnh sửa mã nguồn cho các thành phần trở nên cân đối và hài hòa. Bài viết này sẽ hướng dẫn các bạn làm quen với margin và padding, canh lề và canh đệm. Những ai đã từng học qua CSS thì không lạ gì với hai tag này. Đầu tiên Thư Viện Webmaster sẽ trình bày về thẻ Margin:

MARGIN

Margin được dùng để kiểm soát khoảng trống giữa các thành phần của trang, hay còn được gọi là lề. Hãy để ý các khoảng trống mà trình duyệt của bạn hiển thị khi bạn xem bất kỳ trang web hay blog. Phụ thuộc vào số giá trị đứng phía sau mà khoảng trống khác nhau. Bạn có thể bắt gặp 4, 3, 2, thậm chí 1 giá trị đứng phía sau.