2011-01-20 38 views
11

Tôi đang tìm kiếm trang web tham chiếu cho cú pháp CSS3. Vui lòng không đăng thông số kỹ thuật của w3c. Tôi cần một cái nhìn tổng quan về những gì đang làm việc trên trình duyệt nào và đặc biệt là làm cách nào để tôi sử dụng các biểu mẫu ngắn.Hướng dẫn tham khảo CSS3

Ví dụ: tôi gặp khó khăn khi tìm cú pháp hoàn chỉnh cho biểu mẫu ngắn -webkit-animation. Có gì bên cạnh đặc tả W3C với một cái nhìn tổng quan tốt không?

chỉnh sửa những gì tôi cần là cơ bản một lặp cheat-sheet

chỉnh sửathis nhưng crossbrowser sẽ được hoàn hảo.

+0

đã câu hỏi này được trả lời? –

+1

nó có một vài awnsers, nhưng không ai đáp ứng complitly của tôi vì vậy tôi đang viết tham khảo CSS3 của riêng tôi bây giờ. – meo

Trả lời

9

thế nào là thế này:

http://fmbip.com/litmus/

tốt nhất tôi đã đi qua cho đến nay ...

EDIT: Đây là nguồn lực tốt nhất cho cú pháp tôi biết:

http://www.impressivewebs.com/css3-click-chart/

+0

thx cho liên kết đầu tiên. Thứ hai là không đầy đủ – meo

+0

Tôi đồng ý với Hoàng dưới đây là tốt nhất cho CSS3 thực sự là tại thời điểm này trong thời gian: http://media.smashingmagazine.com/wp-content/uploads/images/css3-cheat-sheet/css3-cheat -sheet.pdf –

0

Bạn có thể tìm thấy một CSS3 hướng dẫn tốt here

Và tôi nghĩ rằng bạn sẽ tìm thấy câu trả lời trong phần này (-webkit-animation) http://www.w3schools.com/css3/css3_animations.asp

+2

Vui lòng không đề xuất trang web đó; nó trở nên tốt hơn nhưng nó [vẫn còn chứa một số lượng lớn các điểm không chính xác] (http://w3fools.com/). –

+0

các giải thích trên trang web này là tốt, nhưng tổng quan là khá lộn xộn, khó để nói whats và thêm và nội dung là gì. Xin lỗi tôi là cầu kỳ nhưng tôi thực sự cần một cái gì đó tiện dụng. – meo

0

Mặc dù css3.info không hiển thị danh sách đầy đủ cú pháp trên một trang nhưng bạn có thể tìm thấy cú pháp chính xác với nhà cung cấp trình duyệt trên các thuộc tính mới

+0

tôi biết điều này nhưng đã khá đầy đủ của nó. – meo

2

Vâng, CSS3.info cung cấp a page that links đến một downloadable reference guide (in .pdf format), nhiều thứ tôi có thể nghĩ đến.

+0

+1 Tôi thích surfin safari, nhưng thật đáng buồn nó chỉ giúp cho webkit:/Hướng dẫn tham khảo rất tuyệt vời, cảm ơn bạn nhưng tôi nhớ các trình duyệt được hỗ trợ. (và cú pháp theo) – meo

+0

@meo, vâng, vâng: nhưng nó chỉ có nghĩa là làm sáng tỏ quan điểm của tôi về mong muốn của bạn để tìm hiểu về '-webkit-animate', và theo đó tôi giả sử bạn có nghĩa là' -webkit-transition '. Trang [CSS3.info] (http://www.css3.info/) là nỗ lực của tôi để * trả lời * câu hỏi của bạn. Và cảm ơn bạn đã bỏ phiếu! =) –

+0

không có nghĩa là -webkit-animation: http://css3.bradshawenterprises.com/#animationDemo. Nhưng tôi chỉ là một ví dụ: – meo

3

Đây có phải là những gì bạn muốn không? CSS3 cheat sheet: http://media.smashingmagazine.com/wp-content/uploads/images/css3-cheat-sheet/css3-cheat-sheet.pdf

HTML5 & Css3 đang hoạt động, vì vậy tôi nghĩ sớm để biết cách nào hoạt động trên trình duyệt nào.

Một số nguồn khác về HTML5 & CSS3:

http://www.smashingmagazine.com/2009/07/13/css-3-cheat-sheet-pdf/ http://www.webresourcesdepot.com/html-5-and-css3-cheat-sheets-collection/

1

Các Mozilla Developer Center có rất tốt reference manual cho CSS (và nhiều thứ khác btw.). Tham chiếu của họ bao gồm tiêu chuẩn CSS và các phần mở rộng được thực hiện bởi Mozilla cho Gecko (tức là -moz- tiện ích mở rộng).

Bản thân số CSS reference là trình duyệt bất khả tri cập nhật (bao gồm thuộc tính CSS3) và mỗi thuộc tính có bảng tương thích đa trình duyệt trên đó.

Để tương thích với trình duyệt, tất nhiên có Quirksmode's tables được cập nhật theo quy định.

1
Các vấn đề liên quan