3.1 Text Shadow
Độ bóng dành cho văn bản nghe như một hiệu ứng rườm rà, nhưng tất cả phụ thuộc vào cách chúng được sử dụng. Đổ bóng chắc chắn có thể được đưa vào sử dụng tốt trong đầu đề và tiêu đề – có một số ví dụ tuyệt vời tại Matthias Kretschmann’s blog .
Cú pháp: text-shadow: h-shadow v-shadow blur color; Trong đó:
H-shadow: Yêu cầu.Vị trí của bóng theo chiều ngang. các giá trị âm được cho phép.
v-shadow: Yêu cầu.Vị trí của bóng theo chiều dọc đứng. các giá trị âm được cho phép. Blur: Tùy chọn. với khoảng cách làm mờ
Color: Tùy chọn.Màu sắc của bóng tối. Nhìn vào giá trị màu CSS cho một danh sách đầy đủ cácgiá trị màu có thể 1 2 3 4 5 6 .text_shadow { color: #897048; background-color: #fff; text-shadow: 2px 2px 2px #ddccb5; font-size: 15px; } 3.2 Word Wrapping
Khi trình bày, nếu một từ quá dài so với vùng trình bày, nó sẽ bị tràn ra bên ngoài. Tính năng mới sẽ giúp bạn khắc phục được điều này.
Cú pháp: word-wrap: normal|break-word; Trong đó:
Normal: Chia từ chỉ tại những điểm ngắt cho phép break-word: Cho phép từ không thể phá vỡ sẽ bị phá vỡ .text_wrap {
word-wrap: break-word; }
3.3 Web Fonts
Đây không phải là một hiệu ứng chữ. Font Web đơn giản là cho phép bạn có thể sử dụng bất kz phông chữ nào trong trang, nó sẽ được trình duyệt tải về tự động. Đây sẽ là một thay đổi lớn trong cách thiết kế web, mà trước đó phải sử dụng giới hạn trong 10-15 phông chữ. Hiện nay, phiên bản mới nhất của Safari (3,1) hỗ trợ Web Fonts.
1 2 3 4
@font-face {
font-family: 'Name of the new font';
src: url('http://www.designshack.co.uk/fonts/font.ttf'); }