In this exercise you modify the Sty

In this exercise you modify the Styles.css file you created earlier by adding a few new styles. Along the way you’re introduced to a number of the CSS editor features listed earlier. 1. Open the Styles.css file from the Styles folder and locate the section#MainContent selector. Right below its closing curly brace, add the following CSS selector that targets links (a elements) in the MainContent section: section#MainContent a { } 2. Between the opening and closing curly braces, type color, followed by a colon (:) and then by a hash symbol (#). As soon as you type the hash symbol, VS presents you with a color picker. If you click the down arrow at the right of the color picker, it expands and shows more options, visible in Figure 3-9. This color picker has a few interesting features. Firstly, the top row of colored squares contains a list of colors that are defined in your style sheet. This is a great way to quickly pick a color you’ve already been using for another selector. The list of recognized colors is then followed by a vertical bar, which in turn is followed by some default colors that VS adds for you. In Figure 3-9 you can see two recognized colors: a light and a dark shade of gray. The other colors are all defaults. Secondly, you can mix your own color by dragging the mouse over the large square in the middle as well as over the colored vertical bar on the right. Finally, using the tiny color picker icon at the bottom right of the screen, you can quickly select a color from any other Windows application or your desktop. This is a great way to retrieve the color from an image you may have opened in some graphics program, for example. If you want to type in your own color information, simply ignore the color picker (or close it by pressing the Esc key). For this exercise, click a green square, which inserts the hexadecimal value (such as #4cff00) of the color for you. Complete the line of code by entering a semicolon. 3. Complete the style rule for section#MainContent a and add two more style rules as follows:

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

Trong bài tập này bạn sửa đổi các tập tin Styles.css, bạn đã tạo trước đó bằng cách thêm một vài phong cách mới. Trên đường đi bạn đang giới thiệu một số tính năng biên tập CSS được liệt kê trước đó. 1. mở tập tin Styles.css từ thư mục phong cách và xác định vị trí phần #MainContent chọn. Ngay bên dưới của nó đóng nhọn đôi, thêm sau CSS selector mục tiêu liên kết (một thành phần) trong phần MainContent: phần #MainContent một {} 2. Giữa mở và đóng cửa niềng răng xoăn, loại màu sắc, tiếp nối bằng dấu hai chấm (:) và sau đó bởi một biểu tượng băm (#). Ngay sau khi bạn nhập kí hiệu băm, VS trình bày với một bảng chọn màu sắc. Nếu bạn bấm vào mũi tên xuống ở bên phải của bảng chọn màu sắc, nó mở rộng và cho thấy nhiều tùy chọn, có thể nhìn thấy trong hình 3-9. Chọn màu này có một vài tính năng thú vị. Trước hết, hàng trên cùng của hình vuông màu chứa một danh sách các màu sắc được xác định trong bảng phong cách của bạn. Đây là một cách tuyệt vời để nhanh chóng chọn một màu bạn đã sử dụng để chọn khác. Danh sách công nhận màu sắc sau đó tiếp theo là một thanh dọc, lần lượt theo sau một số màu sắc mặc định VS thêm cho bạn. Trong con số 3-9, bạn có thể thấy hai màu được công nhận: một ánh sáng và một bóng tối của màu xám. Những màu sắc khác là tất cả mặc định. Thứ hai, bạn có thể kết hợp màu sắc của riêng bạn bằng cách kéo chuột qua các hình vuông lớn ở giữa cũng như trên thanh dọc màu trên bên phải. Cuối cùng, bằng cách sử dụng biểu tượng nhỏ màu sắc bảng chọn ở góc dưới bên phải của màn hình, bạn có thể nhanh chóng chọn một màu từ bất kỳ ứng dụng Windows khác hoặc máy tính để bàn của bạn. Đây là một cách tuyệt vời để lấy màu sắc từ một hình ảnh mà bạn có thể đã mở ra trong một số chương trình đồ họa, ví dụ. Nếu bạn muốn nhập vào thông tin màu sắc riêng của bạn, chỉ đơn giản là bỏ qua các picker màu (hoặc đóng nó bằng cách nhấn phím Esc). Đối với tập thể dục này, nhấp vào một hình vuông màu xanh lá cây, chèn giá trị (ví dụ như #4cff00) của màu sắc cho bạn. Hoàn thành các dòng code bằng cách nhập dấu chấm phẩy. 3. hoàn thành các quy tắc style cho phần #MainContent một và thêm hai phong cách thêm các quy tắc như sau:

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

Trong bài tập này, bạn sửa đổi file styles.css bạn đã tạo trước đó bằng cách thêm một vài phong cách mới. Trên đường đi bạn đang giới thiệu với một số các tính năng biên tập CSS liệt kê trước đó. 1. Mở file styles.css từ Styles thư mục và xác định vị trí các bộ chọn phần # MainContent. Ngay dưới đóng cửa của nó đôi xoăn, thêm bộ chọn CSS sau đó mục tiêu liên kết (một yếu tố) trong phần MainContent: phần # MainContent một {} 2. giữa mở và đóng dấu ngoặc nhọn, loại màu sắc, theo sau là một dấu hai chấm (:) và sau đó bằng một biểu tượng thăng (#). Ngay sau khi bạn gõ các biểu tượng băm, VS giới thiệu bạn với một bảng chọn màu sắc. Nếu bạn nhấp vào mũi tên xuống ở bên phải của bảng chọn màu sắc, nó mở rộng và cho thấy nhiều lựa chọn hơn, có thể nhìn thấy trong hình 3-9. chọn màu này có một vài tính năng thú vị. Thứ nhất, hàng đầu của hình vuông màu có chứa một danh sách các màu sắc được xác định trong bảng phong cách của bạn. Đây là một cách tuyệt vời để nhanh chóng chọn một màu bạn đã được sử dụng để chọn khác. Danh sách các màu sắc được công nhận là sau đó theo sau là một thanh dọc, mà lần lượt được theo sau bởi một số màu sắc mặc định mà VS bổ sung thêm cho bạn. Trong Hình 3-9 bạn có thể thấy hai màu sắc được công nhận: một ánh sáng và bóng tối của màu xám. Những màu sắc khác là tất cả các giá trị mặc định. Thứ hai, bạn có thể kết hợp màu sắc của riêng bạn bằng cách kéo chuột trên quảng trường lớn ở giữa cũng như trên các thanh dọc màu trên bên phải. Cuối cùng, sử dụng các biểu tượng chọn màu nhỏ ở góc dưới bên phải của màn hình, bạn có thể nhanh chóng chọn một màu từ bất kỳ ứng dụng Windows khác hoặc máy tính để bàn của bạn. Đây là một cách tuyệt vời để lấy màu từ một hình ảnh mà bạn có thể đã mở trong một số chương trình đồ họa, ví dụ. Nếu bạn muốn nhập thông tin màu sắc của riêng bạn, chỉ đơn giản là bỏ qua hộp thoại chọn màu (hoặc đóng nó lại bằng cách nhấn phím Esc). Đối với bài tập này, nhấp vào một hình vuông màu xanh lá cây, mà chèn các giá trị thập lục phân (chẳng hạn như # 4cff00) của màu sắc cho bạn. Hoàn thành các dòng mã bằng cách nhập một dấu chấm phẩy. 3. Hoàn thành các quy tắc phong cách cho phần # MainContent một và thêm hai quy tắc phong cách hơn như sau: