CSS là yếu tố chính của phát triển web hiện đại. Bạn hoàn toàn phải học nó để trở thành một frontend dev.
Sẽ mất khoảng 2-3 tuần để học CSS và 1-2 tháng luyện tập để giỏi nó. Bao lâu bạn sẽ nắm bắt CSS sẽ phụ thuộc vào số giờ một ngày bạn sẵn sàng chi tiêu.
Nếu lịch trình của bạn rất chặt chẽ, tôi đề nghị ít nhất một giờ một ngày.
Giống như HTML, CSS cũng rất đơn giản để học vì có rất ít khái niệm để nhớ nó. Những khái niệm này bao gồm:
- CSS Cú pháp
- Thuộc tính CSS phổ biến
- Mô hình hộp CSS
- Cách tìm thêm thông tin
CSS Cú pháp
Thuộc tính CSS phổ biến
Mô hình hộp CSS
Cách tìm thêm thông tin
- Khái niệm đầu tiên cần nhớ là để biết cú pháp của CSS. Về bản chất, cú pháp CSS có ba phần. Chúng là bộ chọn, thuộc tính và giá trị.
- Ở đây, một ví dụ cơ bản về cú pháp CSS. Nó bảo CSS thay đổi màu của phần tử
h2thành màu đỏ: - Hãy để tôi giải thích những gì xảy ra trong mã này:
h2 là bộ chọn CSS và nó chỉ vào phần tử HTML mà bạn muốn thay đổi kiểu. Trong trường hợp này, chúng tôi chọn phần tử h2.
Thuộc tính CSS phổ biến
Mô hình hộp CSS
- Cách tìm thêm thông tin
- Khái niệm đầu tiên cần nhớ là để biết cú pháp của CSS. Về bản chất, cú pháp CSS có ba phần. Chúng là bộ chọn, thuộc tính và giá trị.
- Ở đây, một ví dụ cơ bản về cú pháp CSS. Nó bảo CSS thay đổi màu của phần tử
h2thành màu đỏ: - Hãy để tôi giải thích những gì xảy ra trong mã này:
h2là bộ chọn CSS và nó chỉ vào phần tử HTML mà bạn muốn thay đổi kiểu. Trong trường hợp này, chúng tôi chọn phần tửh2.colorlà thuộc tính CSS và nó cho biết loại kiểu kiểu bạn muốn áp dụng. Trong trường hợp này, thay đổi màu của phần tửh2.redlà giá trị thuộc tính CSS và nó cho biết phong cách sẽ thay đổi như thế nào. Trong trường hợp này, thay đổi màu phần tửh2thành màu đỏ.- Miễn là bạn nhớ cú pháp, thì bạn biết khá nhiều một nửa quy tắc CSS. Nửa còn lại đến từ những trải nghiệm [phạm sai lầm và học hỏi từ họ] và thực hành thường xuyên.
Khái niệm tiếp theo cần biết là các thuộc tính CSS. Mặc dù CSS có hơn một trăm tài sản, có một vài trong số chúng bạn sẽ sử dụng thường xuyên. Các thuộc tính CSS phổ biến này bao gồm:
Mô hình hộp CSS
Cách tìm thêm thông tin
Khái niệm đầu tiên cần nhớ là để biết cú pháp của CSS. Về bản chất, cú pháp CSS có ba phần. Chúng là bộ chọn, thuộc tính và giá trị.
Ở đây, một ví dụ cơ bản về cú pháp CSS. Nó bảo CSS thay đổi màu của phần tử h2 thành màu đỏ:
Cách tìm thêm thông tin
Khái niệm đầu tiên cần nhớ là để biết cú pháp của CSS. Về bản chất, cú pháp CSS có ba phần. Chúng là bộ chọn, thuộc tính và giá trị.
Ở đây, một ví dụ cơ bản về cú pháp CSS. Nó bảo CSS thay đổi màu của phần tử h2 thành màu đỏ:
Hãy để tôi giải thích những gì xảy ra trong mã này:
h2 là bộ chọn CSS và nó chỉ vào phần tử HTML mà bạn muốn thay đổi kiểu. Trong trường hợp này, chúng tôi chọn phần tử h2.
color là thuộc tính CSS và nó cho biết loại kiểu kiểu bạn muốn áp dụng. Trong trường hợp này, thay đổi màu của phần tử h2.
red là giá trị thuộc tính CSS và nó cho biết phong cách sẽ thay đổi như thế nào. Trong trường hợp này, thay đổi màu phần tử h2 thành màu đỏ.
Miễn là bạn nhớ cú pháp, thì bạn biết khá nhiều một nửa quy tắc CSS. Nửa còn lại đến từ những trải nghiệm [phạm sai lầm và học hỏi từ họ] và thực hành thường xuyên.
Gần đây tôi đã thu thập tài nguyên khi học các ngôn ngữ lập trình mới - đây là phần trên WebDev. [Nó vẫn là một công việc đang tiến hành]
HTML và CSS khá khác so với C ++ và C#, nhưng cũng không quá khó để nhận những điều cơ bản. JavaScript có thể sẽ dễ dàng hơn một chút để bạn nhận được [mặc dù đôi khi nó có thể là ngôn ngữ WTF-Y].
Nếu bạn thích học bằng cách đọc văn bản, Mạng phát triển Mozilla hoặc HTMLDOG là những trang web tốt để bắt đầu.
Nếu bạn thích học thông qua video, thì Codecademy và Udacity có một số khóa học trực tuyến bạn có thể thử [mà tôi đã liên kết trên trang].
Harvard có một bộ video tốt để tạo một trang web năng động, nhưng nó tập trung nhiều hơn vào các công cụ liên quan đến phụ trợ [PHP trên phần phụ trợ và giao tiếp với phần phụ trợ thông qua JavaScript và Ajax]. Tôi nghĩ sẽ rất hữu ích khi trải qua khóa học này nếu bạn muốn tìm hiểu về cách sử dụng JavaScript để giao tiếp với phụ trợ, nhưng có lẽ nó sẽ không dạy bạn nhiều về HTML, CSS hoặc JQuery.
Và cuối cùng, đây là một danh sách toàn diện hơn về các cuốn sách miễn phí về HTML/CSS và JavaScript. Tôi không thể bảo đảm về chất lượng của tất cả chúng, nhưng nếu có một cái gì đó đặc biệt mà bạn không hiểu, một trong những cuốn sách này có thể sẽ đề cập đến chủ đề đó.