Làm thế nào để Chọn Màu cho HTML5 và CSS3 của bạn Dựa Web Pages - núm vú

Màu sắc có vẻ lấn áp khi làm việc với các trang web HTML5 và CSS3. Với một chút luyện tập, và một chút kiên nhẫn, bạn sẽ được quản lý màu sắc với phong cách.

Bắt đầu với màu an toàn web

WebSafe. chương trình html hoạt động bằng cách cho phép bạn nhập nhanh giá trị web an toàn. Để làm cho màu đỏ, nhấn nút FF trong cột màu đỏ. Giá trị màu xanh lam và xanh lá cây có giá trị mặc định là 00, vì vậy nền là màu đỏ.

Màu web an toàn cho bạn rất nhiều chỗ để chơi, và chúng rất dễ làm việc. Trên thực tế, chúng phổ biến đến mức bạn có thể sử dụng phím tắt. Vì màu sắc an toàn trên web được lặp lại tất cả, bạn có thể viết một chữ số lặp đi lặp lại dưới dạng một chữ số. Bạn có thể chỉ định magenta bằng hoặc là và trình duyệt hiểu, cho bạn một magenta gây nhức đầu.

Để tạo một màu sẫm màu đỏ, thay đổi FF sang giá trị nhỏ tiếp theo. Nếu bạn muốn nó tối hơn, hãy thử. Thử nghiệm với tất cả các giá trị màu đỏ và xem cách dễ dàng để có được một số loại khác nhau của màu đỏ. Nếu bạn muốn có một biến thể của màu hồng, nâng cao các giá trị màu xanh lá cây và màu xanh với nhau. là một màu hồng đầy bụi; là một chút sáng hơn; và là một màu hồng rất trắng.

Làm thế nào để thay đổi màu sắc của bạn

Bảng màu web an toàn là thuận tiện, nhưng nó mang lại cho bạn một số lượng tương đối nhỏ các màu sắc (216). Hai trăm sáu sáu bút chì màu trong hộp là khá đẹp, nhưng bạn có thể cần nhiều hơn. Nói chung, để bắt đầu an toàn với màu web an toàn và sau đó điều chỉnh khi bạn đi. Nếu bạn muốn một màu hồng nhạt hơn, bạn có thể nhảy ra khỏi bandwagon an toàn web và sử dụng hoặc bất kỳ màu sắc khác mà bạn muốn!

Trong webSafe. chương trình html, bạn có thể sử dụng nút trên cùng và dưới cùng trong mỗi hàng để tinh chỉnh các điều chỉnh cho màu của bạn.

Làm thế nào để áp dụng màu sắc trên trang của bạn

Vấn đề là làm mọi việc trở nên tốt đẹp trên trang của bạn. Để thêm màu cho trang của bạn, hãy thực hiện theo các bước sau:

1. Xác định HTML như bình thường.

   HTML không nên có bất kỳ mối quan hệ nào với màu sắc. Thêm màu sắc vào CSS.

2. Thêm thẻ vào trang trong khu vực tiêu đề.

3. Thêm bộ chọn cho mỗi thẻ bạn muốn sửa đổi.

   Bạn có thể sửa đổi bất kỳ thẻ HTML nào, vì vậy nếu bạn muốn thay đổi tất cả các đoạn văn, thêm một bộ chọn. Sử dụng tên thẻ mà không có dấu ngoặc nhọn.

4. Thêm và thuộc tính.

5. Chỉ định các giá trị màu có tên màu hoặc các giá trị màu hex.

Cách thay đổi CSS trên bay

Trình duyệt web Chrome có một mẹo đặc biệt thú vị khi nói đến mã hóa CSS. Bạn có thể xem CSS của bất kỳ phần tử nào trên một trang web và thay đổi nó, nhìn thấy các kết quả trong thời gian thực!

Đây là cách hoạt động:

1. Xây dựng trang theo cách thông thường.

   Sử dụng trình soạn thảo văn bản của bạn để xây dựng trang cơ bản.

2. Thêm bộ chọn CSS.

   Xác định CSS cho các phần tử bạn định thay đổi. The empty RCS. trang html trên trang web cho thấy một ví dụ rất đơn giản. Bạn có thể đặt bất kỳ giá trị nào bạn muốn trong CSS hoặc bạn chỉ cần để trống CSS bây giờ. Nếu bạn muốn thử nghiệm, hãy xem qua rỗngCSS. html trên trang web. Nó có các bộ chọn trống cho ba phần tử được mô tả trên trang.

3. Tải trang của bạn trong Chrome.

   Các trình duyệt khác đang bắt đầu phát triển các công cụ như Chrome nhưng rõ ràng là nhà lãnh đạo, vì vậy hãy bắt đầu với Chrome.

4. Kiểm tra một phần tử.

   Nhấp chuột phải vào bất kỳ phần tử nào và chọn Kiểm tra phần tử từ trình đơn bật lên kết quả.

5. Khốn đốn với những công cụ phát triển tuyệt vời.

   Giữ nó trong tab Elements cho bây giờ.

6. Thay đổi mã HTML!

   Bạn có thể nhấp đúp vào mã trong trình xem mã và sửa đổi nội dung. Điều này rất thú vị, nhưng không vĩnh viễn hoặc đặc biệt hữu ích.

7. Bạn cũng có thể sửa đổi CSS.

   Nếu một bộ chọn kiểu được xác định, nó sẽ xuất hiện bên dưới tab trong phần. Bạn có thể thêm các quy tắc kiểu mới hoặc thay đổi các quy tắc hiện có và bạn sẽ có thể xem các kết quả trên bay.

8. Bạn thậm chí có thể sử dụng một bộ chọn màu ưa thích.

   Khi quy tắc màu được xác định, bạn sẽ thấy một mẫu màu nhỏ. Nhấp vào màu đó để có được một bộ chọn màu đẹp mà bạn có thể sử dụng.

9. Chọn các phần khác nhau của trang để sửa đổi các quy tắc khác.

   Bạn có thể sửa đổi CSS của bất kỳ phần tử nào miễn là một số quy tắc đã được lưu.

10. Sao chép và dán bất kỳ quy tắc kiểu nào bạn muốn giữ lại.

    Các sửa đổi được thực hiện trên thanh công cụ của nhà phát triển web không phải là vĩnh viễn. Nếu bạn tìm thấy màu sắc hoặc các quy tắc phong cách khác mà bạn thích, bạn có thể sao chép chúng từ cửa sổ nhà phát triển và dán chúng vào mã của bạn.