Thiet ke website | Web design Company | Thư viện Webmaster | Designer

THƯ VIỆN WEBMASTER: Trang chủ Tutorial CSS Tutorial

CSS Tutorials

Làm bóng đổ với thuộc tính box-shadow của CSS3

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+.

Box Shadow

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 (tự động ngắt dòng)

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 ...

Wordwrap

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.

 

Tìm hiểu về thẻ margin và padding

Để 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.

Margin
 

ĐĂNG KÝ NHẬN TIN

Điền địa chỉ email muốn nhận tin mới từ Thư Viện Webmaster:

Donate US

- Ủng hộ THƯ VIỆN WEBMASTER bằng tin nhắn điện thoại. Soạn tin SMS TVW gửi đến 8717 hoặc 8617

- Ủng hộ qua Ngân Lượng

- Donate US via Paypal

THỐNG KÊ THÀNH VIÊN

Total Members : 5365
Latest Member : Dat.nd313
Members Online : 0

THỐNG KÊ TRUY CẬP

mod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_counter
mod_vvisit_counterHôm nay2039
mod_vvisit_counterHôm qua2187
mod_vvisit_counterTuần này9696
mod_vvisit_counterTuần trước12250
mod_vvisit_counterTháng này39488
mod_vvisit_counterTháng trước51824
mod_vvisit_counterTất cả4062747

Đang trực tuyến: 25
IP: 54.205.225.18

MỚI BÌNH LUẬN

aheadWorks - AJAX Cart Pro
làm ơn gửi cho tôi module này vào email
AITOC - Layered Navigation Pro
24/9 link die , check lại admin ơi
Jms Multi Site v1.2.8 – Joomla Multiple
Link die hết rồi còn để bài viết làm gì
Download Cashflow 101 & 202 Full 3CD
sao link die hết rồi vậy ad
Go Up light ani and none ani 582TGp - Po
lam sau download duoc
JM Mozanis - Magento Store Theme
sao chưa có link dowload vậy admin. hic
200 Animated Templates Powerpoint 2007
bạn gửi files này vào mail tuyenphamgl@g
200 Animated Templates Powerpoint 2007
link die rồi, chán quá, nạp 15000 cho bạ
Bộ icon chim cánh cụt.
Sao tui kô down dc vậy admin.. Có link
Spring & Summer Landscapes Vector
link bộ này còn k vậy ad
40 Spa HD Wallpapers
Photo Trẻ em- Children 5
link die rồi vui lòng cập nhật lại
Source code xổ số, thống kê, dò số, soi
hix.admin xem the nao sao lai chuyen lin
Hỗ trợ kỹ thuật
Kỹ Thuật
Administrator
Administrator
Support Online
Quảng Cáo
Support Online
Tài Khoản
Administrator
Administrator
Tin nhắn giấu số
SMS Hider
Dành cho thành viên
Đăng ký thành viên
Nạp Mana vào tài khoản
Thông báo từ BQT

Hướng dẫn nạp Mana
Nạp Mana bằng tin nhắn SMS
Nạp Mana bằng card điện thoại
Nạp Mana bằng cổng TTĐT Paypal
Nạp Mana bằng CK ngân hàng


Follow us on Twitter   Follow us on Facebook   Feed burner   Follow us on Google Buzz   Follow us on Stumblerupon   Follow us on Delicious