Mục lục:

7 tài nguyên hữu ích cho những người học CSS
7 tài nguyên hữu ích cho những người học CSS
Anonim

Các biểu định kiểu xếp tầng làm cho HTML nhàm chán trở nên hấp dẫn. Lifehacker đã chọn lọc các trang sử dụng tiếng Nga và tiếng Anh, cũng như các từ điển bách khoa toàn thư trên web sẽ giúp bạn hiểu rõ hơn về CSS.

7 tài nguyên hữu ích cho những người học CSS
7 tài nguyên hữu ích cho những người học CSS

World Wide Web Consortium (W3C) đã đề xuất công nghệ CSS (Cascading Style Sheets) vào năm 1996. Kể từ đó, các nhà phát triển web đã sử dụng các bảng kiểu xếp tầng để tạo ra các thiết kế trang web độc đáo.

Hai mươi năm trước, các nhà phát triển đã chơi với các tùy chọn phông chữ, thuộc tính văn bản và màu sắc phần tử trang. Ngày nay các hoạt ảnh, bóng đổ, độ dốc, khử răng cưa và nhiều thứ nâng cao khác đang được hoàn thiện.

Cài đặt một tiện ích mở rộng của Chrome hoặc tiện ích bổ sung của Firefox để chiêm ngưỡng các trang web yêu thích của bạn mà không cần xếp tầng các biểu định kiểu.

Cascading style sheet: một lifehacker không có CSS
Cascading style sheet: một lifehacker không có CSS

Những thay đổi sẽ rất ấn tượng, mặc dù không phải lúc nào cũng vậy. Ví dụ, một công cụ tổng hợp tin tức sẽ hầu như không thay đổi: nó đơn giản như hai và hai. Tuy nhiên, tài nguyên được xem hơn 150 triệu lần hàng tháng.

Tìm hiểu những điểm tốt hơn của CSS ở đâu

1. Sách HTML

các biểu định kiểu xếp tầng: HTMLbook
các biểu định kiểu xếp tầng: HTMLbook

Hãy kiên định và bắt đầu với một nền tảng lý thuyết vững chắc. Đối với nó, chúng tôi chuyển sang Vlad Merzhevich, tác giả sách và nhà phát triển web, người duy trì một số tài nguyên chất lượng về bố cục và kiểu dáng của các trang web.

Tại đây, bạn sẽ tìm thấy hướng dẫn tự giải thích và câu trả lời cho các câu hỏi phổ biến về bảng kiểu xếp tầng. Ngoài ra còn có các bài viết hướng dẫn về đặc tả CSS thứ ba hiện tại.

2. WebReference

các tờ kiểu xếp tầng: WebReference
các tờ kiểu xếp tầng: WebReference

cung cấp tham chiếu theo thứ tự bảng chữ cái cho CSS. Mỗi thuộc tính có một mô tả ngắn, cú pháp và một ví dụ trực tiếp. Đừng ngần ngại đặt câu hỏi - các tác giả của dự án hãy liên hệ và sẵn sàng thảo luận về các chi tiết.

3. Tham chiếu CSS

các biểu định kiểu xếp tầng: Tham chiếu CSS
các biểu định kiểu xếp tầng: Tham chiếu CSS

Ngoài các hướng dẫn bằng tiếng Nga, chúng tôi sẽ bổ sung các trang nước ngoài. Với sự giúp đỡ của họ, một số sinh viên sẽ dễ dàng hiểu sâu hơn về nghề và chấp nhận thuật ngữ của nó. Do đó, mọi sự chú ý đều đổ dồn vào. Không có gì thừa trên trang web: thuộc tính CSS, giải thích và hành động. Trong số những điều thú vị nhỏ, chúng tôi lưu ý rằng tìm kiếm nhanh chóng và sao chép một thuộc tính vào khay nhớ tạm chỉ bằng một cú nhấp chuột.

4. Giải thưởng Thiết kế CSS

Cascading Style Sheets: CSS Design Awards
Cascading Style Sheets: CSS Design Awards

Giáo dục là một công việc kinh doanh lâu dài và đôi khi nhàm chán. Sẽ rất tốt nếu bạn tìm thấy động lực để giúp đỡ trong những lúc khó khăn. Chúng tôi sẽ được truyền cảm hứng từ các nhà thiết kế web khác, hay đúng hơn là trên trang web. Một dự án chất lượng được trình bày ở đây mỗi ngày, đóng vai trò như một hình mẫu cho những gì đáng để phấn đấu. Nhiều người trong số những người chiến thắng thực sự đáng ngạc nhiên. Đừng quên ghé thăm và bình chọn cho những đề cử yêu thích của bạn.

5. CSS Zen Garden

kiểu xếp tầng: CSS Zen Garden
kiểu xếp tầng: CSS Zen Garden

Có kiến thức bảo đảm và một tín hiệu, đã đến lúc kiểm tra sức mạnh của bạn trong kinh doanh. Và để không phải chọn đường mất thời gian, chúng tôi sẽ trực tiếp đến trang. Nó chứa một tệp HTML không thay đổi, mà người dùng từ khắp nơi trên thế giới cố gắng đưa ra một thiết kế đặc biệt bằng cách sử dụng các biểu định kiểu xếp tầng.

Tải HTML tham chiếu, thêm kiểu của bạn và gửi lại tất cả. Có lẽ cách tiếp cận của bạn sẽ là tốt nhất. Nhân tiện, bạn có thể tải xuống phiên bản của người khác và xem nó được triển khai như thế nào.

6. CSSPlay

các tờ kiểu xếp tầng: CSSPlay
các tờ kiểu xếp tầng: CSSPlay

Rõ ràng là bạn sẽ muốn áp dụng một thứ gì đó thu hút sự chú ý của mọi người. Chúng tôi không biết liệu có một điều như vậy hay không, nhưng chắc chắn có hàng chục và hàng trăm thủ thuật gây tò mò.

7. CSS Lint

các biểu định kiểu xếp tầng: CSS Lint
các biểu định kiểu xếp tầng: CSS Lint

Tại sao chúng ta cần người khác, nếu bàn tay của chính chúng ta mọc thẳng? Nó có thực sự hiển thị. Ngoài việc kiểm tra cú pháp CSS cơ bản, dịch vụ web còn kiểm tra việc tuân thủ các quy tắc ảnh hưởng đến tốc độ tải trang. Đầu ra là CSS đẹp, thân thiện với trình duyệt.

Đề xuất: