Take great care when typing this co

Take great care when typing this code, because CSS is rather picky about syntax. The first item in the list is an h1 tag to style a heading at the first level, so it gets a size of 20 pixels and is displayed in a green font. Notice the colon between font-size and 20px and that the line is closed with a semicolon. The second item in the list simply contains the letter p and defines the look and feel for all elements in the page. It uses a hexadecimal value (#0000FF) for the color blue. The last item is prefixed with a period (.) followed by the text RightAligned. This item is used to right-align some text in the page. Because CSS is case sensitive, it’s important to type this exactly as shown here, with a capital R and A, or the CSS code won’t line up with the HTML shown in the next step. Note that as soon as you type the hash symbol (#) after the color property, a color picker pops up to help you to select a color, as shown in Figure 3-1. For now, just close the color picker by pressing Esc and manually complete the code. You will see more of this color picker later in this chapter.

Kết quả (Việt) 1:

Rất cẩn thận khi nhập đoạn mã này, bởi vì khá picky về cú pháp CSS. Khoản mục đầu tiên trong danh sách là một thẻ h1 phong cách một nhóm ở cấp độ đầu tiên, do đó, nó được một kích thước điểm ảnh 20 và sẽ được hiển thị trong một chữ màu xanh lá cây. Thông báo đại tràng giữa kích thước phông chữ và 20px và dòng đóng cửa với một dấu chấm phẩy. Mục thứ hai trong danh sách chỉ đơn giản là có chữ p và định nghĩa giao diện cho tất cả Các yếu tố trong trang. Sử dụng một giá trị thập lục phân (#0000FF) màu xanh. Mục cuối cùng mục bằng dấu chấm (.) sau đó là bằng văn bản RightAligned. Mặt hàng này được sử dụng để phải sắp xếp một số văn bản trong trang. Vì CSS là trường hợp nhạy cảm, đó là quan trọng đối với loại này chính xác như được hiển thị ở đây, với vốn đầu tư R A, hoặc mã CSS sẽ không lên đường với HTML Hiển thị ở bước tiếp theo. Lưu ý rằng ngay sau khi bạn nhập kí hiệu băm (#) sau khi sở hữu màu sắc, chọn màu bật lên để giúp bạn chọn một màu, như minh hoạ trong hình 3-1. Bây giờ, chỉ cần đóng bộ chọn màu bằng cách nhấn Esc và thủ công hoàn thành mã. Bạn sẽ thấy nhiều hơn nữa chọn màu này sau đó trong chương này.

Kết quả (Việt) 2:

Hãy cẩn thận khi nhập mã số này, bởi vì CSS khá cầu kỳ về cú pháp. Mục đầu tiên trong danh sách là một thẻ h1 đến phong cách một tiêu đề ở cấp độ đầu tiên, vì vậy nó được một kích thước 20 pixel và được hiển thị trong một phông chữ màu xanh lá cây. Chú ruột kết giữa font-size và 20px và dòng được đóng lại với một dấu chấm phẩy. Mục thứ hai trong danh sách đơn giản có chứa các p lá thư và định nghĩa giao diện cho tất cảcác yếu tố trong trang. Nó sử dụng một giá trị thập lục phân (# 0000FF) cho màu xanh dương. Mục cuối cùng được bắt đầu bằng một dấu chấm (.) Tiếp theo các văn bản RightAligned. Mặt hàng này được sử dụng để đúng-align một số văn bản trong trang. Bởi vì CSS là trường hợp nhạy cảm, điều quan trọng là để kiểu này chính xác như được hiển thị ở đây, với một R vốn và A, hoặc các mã CSS sẽ không lên đường với HTML hiện trong bước tiếp theo. Lưu ý rằng ngay khi bạn gõ các biểu tượng thăng (#) sau khi sở hữu màu sắc, một bảng chọn màu bật lên để giúp bạn chọn một màu sắc, như thể hiện trong hình 3-1. Để bây giờ, chỉ cần đóng hộp thoại chọn màu bằng cách nhấn Esc và tự hoàn thành mã. Bạn sẽ thấy nhiều hơn chọn màu này sau này trong chương này.