Trang Chủ Xã hội Truyền thông CSS3 và Hỗ trợ Trình duyệt - núm vú

CSS3 và Hỗ trợ Trình duyệt - núm vú

Video: Cách sử dụng trình duyệt web Palemoon 2025

Video: Cách sử dụng trình duyệt web Palemoon 2025
Anonim

Trạng thái hiện tại về tiêu chuẩn hỗ trợ trình duyệt web cho các hiệu ứng CSS3 và các phép biến đổi có trong luồng. Hầu hết khả năng, theo thời gian, sức mạnh - đó là trong thế giới trình duyệt - những người xuất bản Internet Explorer, Safari, Firefox và Chrome (và những người khác) - sẽ đạt được một số thoả thuận chung về cách mã cho các hiệu ứng CSS3.

Nhưng ngay bây giờ, họ đã không đạt được thỏa thuận như vậy. Điều đó có nghĩa là, ít nhất ở bài viết này, những hiệu ứng mát mới này phải được định nghĩa riêng cho các trình duyệt khác nhau.

Đây là những gì bạn cần biết về CSS3 và trình duyệt hỗ trợ:

  • Các hiệu ứng và biến đổi CSS3 được hỗ trợ trong phiên bản hiện tại của tất cả các trình duyệt chính, nhưng Safari, Firefox và Opera yêu cầu các tiền tố mã khác nhau để tạo hiệu ứng CSS3 và chuyển đổi các tác vụ trong trình duyệt của họ.

  • Các biến đổi ba chiều (3D) không được hỗ trợ bởi các trình duyệt, ngoại trừ Safari và Chrome, và bởi vì chúng xoay các đối tượng theo x -xis (ngang) hoặc y -axis dọc), chúng không làm nhiều mà không có JavaScript bổ sung để kích hoạt chúng. Điều đó cho biết, thế giới của các phép biến đổi CSS3 là trong luồng và phát triển liên tục, và các phép biến đổi 3D có thể nhận được sự hỗ trợ rộng hơn và trở nên dễ tiếp cận hơn với các nhà phát triển.

  • Hiệu ứng CSS3 và chuyển đổi hoạt động tốt trong mọi môi trường duyệt web hiện đại. Bạn chỉ cần bao gồm các phiên bản dự phòng của mỗi hiệu ứng, với các tiền tố trình duyệt khác nhau, để làm cho chúng hoạt động trong mọi trình duyệt.

  • Một số trình duyệt lỗi thời không hỗ trợ hiệu ứng CSS3 và chuyển đổi ở tất cả.

    Sử dụng các hiệu ứng CSS3 và biến đổi theo cách mà ngay cả khi một trình duyệt không hỗ trợ CSS3, nội dung trang không bị hỏng. Hình dưới đây cho thấy hiệu ứng hình tròn. Bên phải, trình duyệt hỗ trợ hiệu ứng CSS3, và bên trái, trình duyệt không hỗ trợ chúng. Trong cả hai môi trường, bạn có thể đọc nội dung, và một số hiệu ứng thiết kế, chẳng hạn như hộp và màu chữ, được hỗ trợ.

    Sau đây là mã CSS3 tạo ra văn bản bị lệch. Lưu ý rằng năm dòng CSS là cần thiết để xác định hiệu ứng nghiêng giống nhau cho Firefox, Safari, Opera, Internet Explorer và phiên bản chung chung. (Những người làm cho các trình duyệt dường như cuốn hút vào phiên bản chung chung, nhưng điều này không được chấp nhận rộng rãi.)

. xiên {background-color: # 999; chiều cao: 300px; chiều rộng: 300px; -moz-biến đổi: skew (12deg, 0deg); -webkit-chuyển đổi: skew (12deg, 0deg); -ms-biến đổi: nghiêng (12deg, 0deg); -o-biến đổi: nghiêng (12deg, 0deg); biến đổi: nghiêng (12deg, 0deg); màu trắng; padding: 15px; float: phải; margin-top: 6px; lề phải: 100px; margin-bottom: 6px; margin-left: 6px;}

Bốn trong số những biến thể này của biến đổi CSS3 có tiền tố (-moz, -webkit, -ms, và -o); phiên bản chung chung không có tiền tố.Mỗi tiền tố áp dụng cho các công cụ cơ bản khác nhau trong các trình duyệt này:

Mã -moz-transform-skew áp dụng cho Mozilla Firefox.

  • Đoạn mã chuyển đổi trang web áp dụng cho Safari và các trình duyệt khác tuân thủ tiêu chuẩn WebKit (bao gồm chế độ xem Trực tiếp trên Dreamweaver CS5).

  • Mã chuyển đổi chung: mã lệch được áp dụng cho "mọi người khác", bao gồm hầu hết các lần lặp của Internet Explorer 9, không yêu cầu tiền tố trình duyệt giải thích hiệu ứng này (hoặc các hiệu ứng khác). Tuy nhiên, một số phiên bản của IE9 yêu cầu -m tiền tố. Vì vậy, nên bao gồm tiền tố -ms trong trường hợp.

  • Đoạn mã -o-biên giới áp dụng cho trình duyệt Opera.

CSS3 và Hỗ trợ Trình duyệt - núm vú

Lựa chọn của người biên tập

Phong cảnh hoặc Chân dung Định dạng - núm vú

Phong cảnh hoặc Chân dung Định dạng - núm vú

Trong nhiếp ảnh, phong cảnh, khi hình ảnh rộng hơn so với cao, cho phần lớn các bức ảnh phong cảnh. Tuy nhiên, định dạng chân dung tạo ra một bức tranh cao hơn nó là rộng. Khi bạn chụp một số cảnh thiên nhiên, bạn nên xoay camera 90 độ. Xoay máy ảnh khi chụp ảnh

Cảnh quan Ảnh - Cá thu Sky - hình ngón tay

Cảnh quan Ảnh - Cá thu Sky - hình ngón tay

Hình ảnh này được chụp ảnh vài phút sau khi mặt trời lặn. Bởi vì những đám mây đã không đến được đường chân trời, bầu trời sẽ cháy vài phút sau khi mặt trời lặn. Các nhiếp ảnh gia đã một loạt các tiếp xúc sau khi mặt trời chìm xuống dưới chân trời. Hình ảnh cuối cùng là một ...

Lựa chọn của người biên tập

Làm thế nào để làm việc với các bài trình bày Web App của PowerPoint - núm vú

Làm thế nào để làm việc với các bài trình bày Web App của PowerPoint - núm vú

Trong Office 365, PowerPoint Web App là một thành phần các dịch vụ Office Web Apps có sẵn trong cả kế hoạch kinh doanh chuyên nghiệp và nhỏ (kế hoạch P) và kế hoạch doanh nghiệp (kế hoạch E). Trong kế hoạch đăng ký kinh doanh chuyên nghiệp và nhỏ, bạn tạo một bản trình bày mới với PowerPoint Web App như sau: Nhấp vào PowerPoint ...

ĐặT nền móng cho kế hoạch Microsoft Office 365 của bạn - núm vú

ĐặT nền móng cho kế hoạch Microsoft Office 365 của bạn - núm vú

Bạn nên lưu ý rằng kích thước và phức tạp của tổ chức của bạn, cũng như kế hoạch Office 365 bạn chọn, sẽ trực tiếp ảnh hưởng đến việc triển khai của bạn. Nếu bạn là một nhà tư vấn hoặc một doanh nghiệp nhỏ sử dụng kế hoạch kinh doanh chuyên nghiệp và nhỏ, việc triển khai của bạn sẽ rất đơn giản. Nếu tổ chức của bạn chứa hàng ngàn

Làm thế nào để làm việc với các tài liệu Word Web App - núm vú

Làm thế nào để làm việc với các tài liệu Word Web App - núm vú

Tạo một tài liệu Word mới trong một tài liệu SharePoint Online thư viện là dễ dàng. Bạn chỉ cần duyệt qua thẻ Documents trên Ribbon và sau đó nhấp vào nút New Document trong Ribbon. Nút Tài liệu Mới được sử dụng để tạo một tài liệu mới. Loại tài liệu được tạo ra phụ thuộc vào mặc định ...

Lựa chọn của người biên tập

Nhân viên Chính sách An ninh - núm vú

Nhân viên Chính sách An ninh - núm vú

Một tổ chức cần phải có tài liệu rõ ràng về chính sách và thủ tục an ninh nhân sự để tạo thuận lợi cho việc sử dụng và bảo vệ thông tin . Có rất nhiều phương pháp hay nhất để bảo vệ doanh nghiệp và các tài sản thông tin quan trọng của nó. Những thực tiễn tốt nhất này liên quan đến việc mọi người - chứ không phải công nghệ - cùng làm việc với nhau để hỗ trợ doanh nghiệp. ...

Chuẩn bị cho kỳ thi CISSP - những con đầu

Chuẩn bị cho kỳ thi CISSP - những con đầu

Có nhiều nguồn trợ giúp để giúp ứng viên CISSP chuẩn bị cho kỳ thi. Tự học là một phần chính của bất kỳ kế hoạch nghiên cứu nào. Kinh nghiệm làm việc cũng rất quan trọng để thành công, và bạn có thể kết hợp nó vào kế hoạch học tập của bạn. Đối với những người học tốt nhất trong lớp học hoặc môi trường đào tạo, (ISC) 2 ...