INFORMATION - DOWNLOAD - | I DOWN |
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.


NƠI CHIA SẼ TRAO ĐỔI - THÔNG TIN CỘNG ĐỒNG NGƯỜI VIỆT ...
 
Trang ChínhGiải TríLatest imagesTìm kiếmĐăng kýĐăng Nhập
Tìm kiếm
 
 

Display results as :
 
Rechercher Advanced Search
Latest topics
» Flash hay cho dan da truyen thong - Aero SWF max Flash Player 1.5.830
Ebook web 2.0 EmptyTue Dec 22, 2009 4:25 am by AdminKay

» Hướng dẫn Update Offline cho AVG
Ebook web 2.0 EmptyWed Dec 16, 2009 9:27 am by AdminKay

» AVG DIỆT VI RÚT FREE
Ebook web 2.0 EmptyWed Dec 16, 2009 9:22 am by AdminKay

» LAM WEB MENU DONG HAY
Ebook web 2.0 EmptyWed Dec 16, 2009 9:20 am by AdminKay

» Tạo menu web de dang voi DHTML
Ebook web 2.0 EmptyWed Dec 16, 2009 9:18 am by AdminKay

» Reg Chat nhieu nick
Ebook web 2.0 EmptySat Dec 12, 2009 5:44 am by AdminKay

» Từ điển: Oxford advanced learner's dictionary,7th
Ebook web 2.0 EmptyWed Dec 09, 2009 3:57 pm by AdminKay

» Hỏi về cách xóa file *inf
Ebook web 2.0 EmptySun Nov 29, 2009 4:47 am by AdminKay

» Don rác nhà cửa cho PC Your Uninstall
Ebook web 2.0 EmptySun Nov 29, 2009 4:08 am by AdminKay

Diễn Đàn
Social bookmarking
Social bookmarking reddit      

Bookmark and share the address of INFORMATION - DOWNLOAD - | jDOWN | on your social bookmarking website

Bookmark and share the address of INFORMATION - DOWNLOAD - | I DOWN | on your social bookmarking website
Poll

 

 Ebook web 2.0

Go down 
Tác giảThông điệp
AdminKay
Admin
AdminKay


Tổng số bài gửi : 12
Join date : 28/11/2009
Age : 35
Đến từ : Tp Hồ Chí Minh

Ebook web 2.0 Empty
Bài gửiTiêu đề: Ebook web 2.0   Ebook web 2.0 EmptySun Nov 29, 2009 3:55 am

Sơ lược:


Phương pháp viết mã CSS
Lập trình CSS
Những điều cần biết khi viết mã CSS
CSS làm việc tốt với các trình duyệt
Định dạng 1 bảng đơn giản bằng CSS
Thiết kế tab đơn giản với CSS
Cách viết giản lượt trong CSS
Kỹ thuật tải ảnh trước trong CSS (preloader images)
Kỹ thuật sliding doors và ứng dụng
Một vài cách style cho đoạn trích dẫn
Thêm background và danh sách có thứ tự (order list)
6 giai đoạn của người học CSS
8 thủ thuật về CSS
8 điều mới lạ cho người mới học CSS
CSS curves
CSS stricks – min – height

Download (114.5 kB)
http://www.ebook.edu.vn/?page=1.39&view=3056
Về Đầu Trang Go down
http://www.geekkay.co.cc
AdminKay
Admin
AdminKay


Tổng số bài gửi : 12
Join date : 28/11/2009
Age : 35
Đến từ : Tp Hồ Chí Minh

Ebook web 2.0 Empty
Bài gửiTiêu đề: 7 thủ thuật CSS thường dùng đối với các lỗi "cố ý" của IE   Ebook web 2.0 EmptySun Nov 29, 2009 4:01 am

7 thủ thuật CSS thường dùng đối với các lỗi "cố ý" của IE

Được viết bởi Adminngày 07/08/2009 trong CSS | Được xem 335 lần.

Internet Explorer là trình duyệt web phổ biến nhất do nó được tích hợp chặt chẽ với Windows, lợi thế đó cho thấy sự ích kỉ và sinh ra sự áp đặt đối với người dùng, đặc biệt là các nhà phát triển. Có những đoạn mã đúng chuẩn XHTML có thể chạy tốt trên tất cả các trình duyệt đạt chuẩn hiển thị XHTML nhưng chưa hẳn nó sẽ hiển đúng trên IE thậm chí IE còn không thèm trả lại kết quả. Dưới đây là 7 thủ thuật CSS thường dùng đối với các lỗi độc quyền của ngài IE trong quá trình thiết kế một trang Web.

1. Lỗi hiển thị khối
Sửa lỗi hiển thị cho các phiên bản IE6 về trước khi viền và khoảng cách với nội dung bao gồm cả chiều rộng của đối tượng.

padding: 4em;
border: 1em solid red;
width: 30em;
width/**/:/**/ 25em;2. Ghi chú điều kiện
Những ghi chú này đơn giản là những ghi chú chỉ hiển thị đối với những phiên bản trình duyệt nhất định do từng phiên bản có những lỗi khác nhau.

Đoạn mã trên sẽ hiển thị mã CSS tương ứng trên tất cả các phiên bản trình duyệt IE, nếu bạn chỉ muốn nó được trình duyệt IE v5.01, v5.5 và v6 đọc được thì có thể dùng đoạn mã sau:

Sau khi thử nghiệm chúng ta nên loai bỏ các đoạn mã đặc biệt trên để giảm nhẹ file CSS cũng như giảm tải cho các trình duyệt khác, để áp dụng các mã CSS đặc biệt trên cho IE thì chỉ cần thêm đoạn mã sau vào phần header là đạt yêu cầu được nạp trong IE:

Một vài kiểu mã điều kiện:

IE - Bất kỳ phiên bản nào
lt IE version - Phiên bản trước version
lte IE version - Phiên bản trước hoặc bằng với version
IE version - Chỉ với phiên bản version
gte IE version - Phiên bản từ version
gt IE version - Phiên bản mới hơn version.
3. Min-width và Max-width - Độ rộng lớn tối đa và tối thiểu của một đối tượng
Tất cả các phiên bản của IE đều không hiểu đoạn mã này có ý nghĩa gì, chính vì vậy chúng ta phải tạo một cách khác để nó có thể biết ta đang muốn gì dựa trên ví dụ về việc tạo một lớp có id="wrapper": Kế tiếp với đoạn mã tạo một lớp có độ rộng tối thiểu 750px:

#wrapper{
min-width: 750px;
width:expres​sion(document.body.clientWidth < 750? "750px": "auto" );
} Đoạn mã sau có độ rộng tối thiểu 750px và tối đa 1220px:

#wrapper{
min-width: 750px;
max-width: 1220px;
width:expres​sion(document.body.clientWidth < 750? "750px" : document.body.clientWidth > 1220? "1220px" : "auto");
} Một cách khác không dùng đến JS trong CSS:

selector {
min-height:500px;
height:auto !important;
height:500px;
}Đoạn mã này cho kết quả như nhau trên các trình duyệt IE6, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2; có lẽ là tối ưu nhất chăng ?

4. Chọn đối tượng
Tùy từng phiên bản khác nhau của IE mà lỗi chọn đối tượng được sửa theo những cách khác nhau như sau:

- IE 6 trở về trước

*html {}- IE 7 trở về trước

*:first-child+html {}
* html {}- IE 7

*:first-child+html {}- IE 7 và các trình duyệt mới khác

html>body {}- Các trình duyệt mới khác trừ IE 7

html>/**/body {}- Các phiên bản Opera v9 trở về trước

html:first-child {} 5. Hiệu ứng hover:
Mã :hover cho phép bạn tạo ra những hiệu ứng đặc biệt đối với các đối tượng được liệt kê dưới dạng bảng như danh sách bài viết trên diễn đàn... Phần lớn các trình duyệt hiểu và hiển thị tốt hiệu ứng này ngoại trừ IE :-L. Đây là một vấn đề phức tạp, bạn có thể xem bài viết này để biết cách xử lý vấn đề của IE

6. Hiệu ứng trong suốt của định dạng ảnh PNG
IE không hỗ trợ hiệu ứng trong suốt của định dạng ảnh PNG đơn giản bời vì định dạng PNG không phải do Microsoft hỗ trợ hay do họ tạo ra Wink) Điều đó không có nghĩa là chúng ta phải chấp nhận và chuyển qua dùng định dạng GIF có độ phân giải thấp hơn nhiều

Sử dụng một đoạn mã HTC và một file .gif trong suốt để xử lý lỗi này, có thể tải ở đây.Thêm đoạn mã sau vào file ie.css:

img.pngfix { behavior: url(pngHack.htc); }Komodomedia có một giải pháp khác cũng cho kết quả tương tự.

7. Phát hiện trình duyệt để sử dụng CSS tương ứng
Bằng cách sử dụng PHP để phát hiện trình duyệt dựa trên dịnh danh browser agent chúng ta có thể biết được trình duyệt nào đang tải website và đưa ra mã CSS tương ứng. Stylegala có đưa ra một phương án cho cách làm này.

Bài viết dựa trên bài Top 7 CSS hacks that we often use to solve common IE Problems. Bạn có thể xem bài viêt gốc để biết thêm.




www.thongtincongnghe.com
Về Đầu Trang Go down
http://www.geekkay.co.cc
 
Ebook web 2.0
Về Đầu Trang 
Trang 1 trong tổng số 1 trang
 Similar topics
-
» EBOOK TÂM LÝ CUỘC SỐNG

Permissions in this forum:Bạn không có quyền trả lời bài viết
INFORMATION - DOWNLOAD - | I DOWN | :: THỦ THUẬT :: THÙ THUẬT WEB 2.0-
Chuyển đến