Next, choose Edit ➪ Format Document

Next, choose Edit ➪ Format Document from the main menu. Alternatively, press Ctrl+K followed by Ctrl+D. This shortcut and menu command are available for other types of files as well, such as HTML, ASPX, Visual Basic, and C# files. When executed, they format the document according to the settings for that particular file type. In the case of CSS, it formats your code by placing the opening curly brace at a consistent location, and indenting and formatting the individual rules. It also performs what’s called a hierarchical indent. To best understand how this works, take a look at Figure 3-10, which depicts the section#MainContent rule set as well as the new selectors for the a elements you added earlier after you formatted the document. Notice how the section#MainContent a rule set has been indented below the section#MainContent rule set. This helps to understand the relationship between the two selectors used by the rule set (section#MainContent a only targets a elements within a parent section element with an id of MainContent). Likewise, the section#MainContent a:visited and section#MainContent a:hover rule sets are indented below the a element because they can be considered “children” of the a element. If you don’t like this behavior, you can turn it off by setting Hierarchical Indentation to Off under Tools ➪ Options ➪ Text Editor ➪ CSS ➪ Advanced. Alternatively, press Ctrl+Q to put focus on the Quick Launch box, type CSS Advanced, and press Enter. This opens the same Options dialog box. While you’re there, spend some time browsing around the items under the Text Editor node to get an idea of how you can change the formatting of the many languages that VS supports

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

Tiếp theo, chọn Edit ➪ định dạng tài liệu từ trình đơn chính. Hoặc, nhấn Ctrl + K tiếp theo Ctrl + D. Lệnh phím tắt và trình đơn này có sẵn cho các loại tập tin, chẳng hạn như các tập tin HTML, ASPX, Visual Basic, và C#. Khi thực hiện, họ định dạng tài liệu theo các cài đặt cho loại tập tin cụ thể. Trong trường hợp của CSS, nó định dạng mã của bạn bằng cách đặt đôi xoăn mở tại một vị trí phù hợp, và indenting và định dạng các quy tắc cá nhân. Nó cũng thực hiện những gì gọi là thụt đầu dòng phân cấp. Tốt nhất hiểu cách làm việc này, có một cái nhìn tại con số 3-10, trong đó mô tả các quy tắc mục #MainContent thiết lập cũng như các vấn đề mới nhất là một yếu tố bạn thêm vào trước đó sau khi bạn định dạng tài liệu. Nhận thấy làm thế nào phần #MainContent một tập các quy tắc đã bị thụt vào dưới sự cai trị phần #MainContent thiết. Điều này sẽ giúp để hiểu các mối quan hệ giữa hai selectors được sử dụng bởi các thiết lập quy tắc (phần #MainContent một chỉ nhắm mục tiêu một yếu tố trong một yếu tố phần cha mẹ với một id MainContent). Tương tự, phần #MainContent một: viếng thăm và phần #MainContent một: hover quy tắc bộ đang thụt vào dưới đây là một yếu tố vì họ có thể được coi là "trẻ em" của các một yếu tố. Nếu bạn không thích hành vi này, bạn có thể tắt nó đi bằng cách đặt thứ bậc Indentation tắt theo công cụ ➪ tùy chọn ➪ Text Editor ➪ CSS ➪ nâng cao. Ngoài ra, nhấn Ctrl + Q để đặt trọng tâm vào ô khởi động nhanh, gõ CSS nâng cao và nhấn Enter. Điều này mở ra hộp thoại tùy chọn tương tự. Trong khi bạn đang có, chi tiêu một số thời gian duyệt xung quanh các mục dưới nút soạn thảo văn bản để có được một ý tưởng về làm thế nào bạn có thể thay đổi dạng thức của nhiều ngôn ngữ hỗ trợ VS

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

Tiếp theo, chọn Edit ➪ Document Format từ menu chính. Ngoài ra, nhấn Ctrl + K tiếp theo Ctrl + D. Phím tắt này và lệnh đơn có sẵn với nhiều loại khác của các tập tin cũng như HTML, ASPX, Visual Basic, và C # file. Khi thực hiện, họ định dạng văn bản theo các thiết lập cho loại tập tin cụ thể. Trong trường hợp của CSS, nó định dạng mã của bạn bằng cách đặt nẹp xoăn mở tại một địa điểm nhất quán, và thụt và định dạng các quy tắc cá nhân. Nó cũng thực hiện những gì được gọi là thụt phân cấp. Để hiểu rõ về cách làm việc này, hãy xem hình 3-10, trong đó mô tả các phần # MainContent quy tắc thiết cũng như công cụ chọn mới cho các yếu tố một bạn thêm vào trước đó sau khi bạn định dạng tài liệu. Chú ý các phần # MainContent một bộ quy tắc đã được thụt vào bên dưới phần # quy tắc MainContent bộ. Điều này giúp hiểu mối quan hệ giữa hai bộ chọn sử dụng bởi các bộ quy tắc (phần # MainContent một mục tiêu duy nhất một yếu tố trong một yếu tố phần cha mẹ với một id của MainContent). Tương tự như vậy, các phần # MainContent a: visited và phần # MainContent a: hover bộ quy tắc được thụt vào bên dưới một phần bởi vì chúng có thể được coi là "con" của một phần tử. Nếu bạn không thích hành vi này, bạn có thể tắt nó đi bằng cách thiết lập lõm Hierarchical Off theo cụ ➪ chọn ➪ Text Editor ➪ CSS ➪ Advanced. Ngoài ra, nhấn Ctrl + Q để đặt tập trung vào hộp Quick Launch, loại CSS Advanced, và nhấn Enter. Điều này mở ra cùng một hộp thoại Options. Trong khi bạn đang ở đó, dành thời gian duyệt web trên các mục dưới nút Text Editor để có được một ý tưởng về cách bạn có thể thay đổi định dạng của nhiều ngôn ngữ VS hỗ trợ