CSS3 OVERVIEWEarlier, in Listing 2-

CSS3 OVERVIEW
Earlier, in Listing 2-1, you reviewed HTML markup with semantic elements. Although the organization of
this web page is interesting, it lacks all but the most basic styling. To solve this problem, many developers
would be tempted to add HTML-based formatting tags. For example, if I wanted to change the font and
color of the text in the first paragraph, I might change its HTML to something like this:

In fact, in the early days of web design tools, this code was generated when users added styling to their web
pages, and for a while, using tags seemed like a great solution to the problem of styling your
web pages.
Web developers and designers quickly learned, however, that using the tag quickly lead to a mess of
spaghetti HTML, with tags being splattered throughout the HTML. Imagine that if, in
Listing 2-1, you not only wanted to set the color, but some of the text also needed to be bold, a different
color or font face, a different font size, underlined, and displayed as superscript. Imagine how many
tags you would need then, and how it would increase the weight of the web page and decrease its
maintainability. Using tags (and other style-related tags) meant that a clear and clean separation no
longer existed between the structure and content of the web page. Instead, both were mashed together into a
single complex document.
The introduction of cascading style sheets (CSS) to the web development and design world brought back
a clean and elegant solution for styling web pages. CSS meant a style could be defined in a single location
for the entire website, and simply referenced on the elements requiring the style. Using CSS brings back the
logical separation between web page content and the styles used to display it.

Results (Vietnamese) 1:

CSS3 TỔNG QUANTrước đó, trong danh sách 2-1, bạn xem xét đánh dấu HTML với các yếu tố ngữ nghĩa. Mặc dù việc tổ chứcTrang web này là thú vị, nó thiếu tất cả, nhưng phong cách cơ bản nhất. Để giải quyết vấn đề này, nhiều nhà phát triểncó thể bị cám dỗ để thêm HTML dựa trên định dạng thẻ. Ví dụ, nếu tôi muốn thay đổi phông chữ vàmàu sắc của văn bản trong đoạn đầu tiên, tôi có thể thay đổi HTML của nó đến một cái gì đó như thế này:Trong thực tế, trong những ngày đầu của các công cụ thiết kế web, mã này đã được tạo ra khi người dùng thêm phong cách để trang web của họTrang, và trong một thời gian, bằng cách sử dụng Tags có vẻ giống như một giải pháp tuyệt vời cho các vấn đề về phong cách của bạnCác trang web.Nhà phát triển web và thiết kế một cách nhanh chóng học được, Tuy nhiên, rằng bằng cách sử dụng các từ khóa nhanh chóng dẫn đến một messspaghetti HTML, với Tags được splattered trong HTML. Hãy tưởng tượng rằng nếu, trongDanh sách 2-1, bạn không chỉ muốn thiết lập màu sắc, nhưng một số văn bản cũng cần phải được in đậm, một khác nhaumàu sắc hoặc font phải đối mặt, một kích thước phông chữ khác nhau, nhấn mạnh, và hiển thị dưới dạng superscript. Hãy tưởng tượng có bao nhiêu Tags bạn sẽ cần sau đó, và làm thế nào nó sẽ làm tăng trọng lượng của các trang web và giảm của nóbảo trì. Bằng cách sử dụng thẻ (và khác phong cách liên quan đến thẻ) có nghĩa rằng một rõ ràng và làm sạch ly thân khôngcòn tồn tại giữa các cấu trúc và nội dung của trang web. Thay vào đó, cả hai đã được nghiền nát với nhau thành mộtmột tài liệu phức tạp.Giới thiệu các cascading style sheets (CSS) cho trang web thiết kế và phát triển trên thế giới đã mang lạimột giải pháp sạch sẽ và thanh lịch cho các trang web kiểu dáng. CSS có nghĩa là phong cách có thể được xác định ở một vị trícho toàn bộ trang web, và chỉ đơn giản là tham chiếu trên các yếu tố đòi hỏi phải có phong cách. Bằng cách sử dụng CSS mang lại cácchia tách hợp lý giữa các nội dung trang web và phong cách được sử dụng để hiển thị nó.

Results (Vietnamese) 2:

CSS3 TỔNG QUAN
Trước đó, trong ví dụ 2-1, bạn xem xét đánh dấu với các yếu tố ngữ nghĩa HTML. Mặc dù tổ chức của
trang web này là thú vị, nó thiếu tất cả, nhưng kiểu dáng cơ bản nhất. Để giải quyết vấn đề này, nhiều nhà phát triển
sẽ bị cám dỗ để thêm các thẻ định dạng HTML-dựa. Ví dụ, nếu tôi muốn thay đổi phông chữ và
màu sắc của văn bản trong đoạn đầu tiên, tôi có thể thay đổi HTML của nó đến một cái gì đó như thế này: Trong thực tế, trong những ngày đầu của công cụ thiết kế web, mã này được tạo ra khi người dùng thêm phong cách để web của họ trang, và trong một thời gian, sử dụng thẻ có vẻ như một giải pháp tuyệt vời cho vấn đề của phong cách của bạn trang web. phát triển web và thiết kế nhanh chóng học được, tuy nhiên, bằng cách sử dụng thẻ một cách nhanh chóng dẫn đến một mớ hỗn độn của HTML spaghetti, với thẻ bị bắn tung toé khắp HTML. Hãy tưởng tượng rằng nếu, trong Liệt kê 2-1, bạn không chỉ muốn thiết lập màu sắc, nhưng một số văn bản cũng cần được in đậm, một khác màu hoặc kiểu chữ, cỡ chữ khác nhau, gạch dưới, và hiển thị như superscript. Hãy tưởng tượng có bao nhiêu thẻ bạn sẽ cần sau đó, và làm thế nào nó sẽ làm tăng trọng lượng của các trang web và giảm nó bảo trì. Sử dụng các thẻ (tags và phong cách khác có liên quan) có nghĩa là một sự tách biệt rõ ràng và sạch sẽ không còn tồn tại giữa cấu trúc và nội dung của trang web. Thay vào đó, cả hai đã được nghiền với nhau thành một tài liệu phức tạp duy nhất. Việc giới thiệu cascading style sheets (CSS) để phát triển web và thiết kế thế giới đã mang lại một giải pháp làm sạch và thanh lịch cho các trang web kiểu dáng. CSS có nghĩa là một phong cách có thể được định nghĩa trong một địa điểm duy nhất cho toàn bộ trang web, và chỉ đơn giản là giới thiệu trên các yếu tố đòi hỏi phải có phong cách. Sử dụng CSS mang lại tách hợp lý giữa nội dung trang web và những phong cách được sử dụng để hiển thị nó.