An element's box has two dimensions

An element's box has two dimensions: a height and a width. In HTML, all boxes have default dimensions. These default dimensions are automatically set to hold the raw contents of the box.

To modify the default dimensions an element's box in CSS, you can use the width and height properties.

These two properties can be specified with the following units of measurement:

Pixels - You learned about pixels when you learned about fonts. This unit lets you set the exact size of an element's box.
Ems - This unit sets the dimensions of the box relative to the size of the text within the box.
Percentages - This unit sets the dimensions of the box relative to the size of the box that it is encased in. For example, consider an element (a box) of class blue set to a height of 200 pixels and a width of 200 pixels. Inside of blue, consider another box of class red, set to a height of 37% and a width of 45%. The resulting dimensions of the red box would be a height of 74 pixels and a width of 90 pixels.
Developers often use ems or percentages to set box dimensions. Because many web pages are now accessed on mobile devices and other displays of differing sizes, ems and percentages allow boxes to scale depending on the size of a user's display.
1.
In style.css, set the height of the content-header div to 320 pixels.
2.
Next, set the width of the navigation div to 100%.

Note: The browser to the right is, of course, a smaller version of a typical browser you might use. In order for the web page to look presentable in this smaller viewport, we'll continue to use percentages for box dimensions. In a later course, you'll learn more about responsive web design.

Results (Vietnamese) 1:

Một yếu tố hộp có hai kích thước: chiều cao và chiều rộng. Trong HTML, tất cả các hộp có kích thước mặc định. Các kích thước mặc định sẽ tự động được thiết lập để giữ nguyên nội dung của hộp.Để thay đổi mặc định kích thước hộp một phần tử trong CSS, bạn có thể sử dụng các thuộc tính chiều rộng và chiều cao.Hai thuộc tính này có thể được xác định với các đơn vị sau của đo lường:Pixels - bạn đã học về điểm ảnh khi bạn đã học về phông chữ. Đơn vị này cho phép bạn thiết lập kích thước chính xác của một phần tử của hộp.EMS – đơn vị này tập hợp các kích thước của hộp tương đối so với kích thước của văn bản trong hộp.Tỷ lệ phần trăm - các đơn vị này đặt các kích thước của hộp tương đối so với kích thước của hộp nó được bọc trong. Ví dụ, hãy xem xét một phần tử (một hộp) của lớp màu xanh thiết lập độ 200 điểm ảnh cao và chiều rộng 200 điểm ảnh. Bên trong màu xanh, xem xét một hộp của lớp đỏ, thiết lập để một chiều cao 37% và chiều rộng 45%. Kết quả là kích thước của hộp màu đỏ sẽ là chiều cao 74 pixel và chiều rộng 90 pixel.Nhà phát triển thường sử dụng ems hoặc tỷ lệ phần trăm để thiết lập kích thước hộp. Bởi vì nhiều trang web bây giờ truy cập trên thiết bị di động và hiển thị khác của các kích cỡ khác nhau, ems và tỷ lệ phần trăm cho phép hộp để quy mô tùy thuộc vào kích thước của màn hình hiển thị của người dùng.1.Trong style.css, thiết lập chiều cao nội dung tiêu đề div 320 pixel.2.Tiếp theo, thiết lập chiều rộng của div hướng tới 100%.Lưu ý: Trình duyệt ở bên phải là, tất nhiên, một phiên bản nhỏ hơn của một trình duyệt thông thường, bạn có thể sử dụng. Để cho các trang web trông đoan trong khung nhìn nhỏ này, chúng tôi sẽ tiếp tục sử dụng tỷ lệ phần trăm thước hộp. Trong một khóa học sau này, bạn sẽ tìm hiểu thêm về thiết kế responsive web.

Results (Vietnamese) 2:

Hộp của một nguyên tố có hai chiều: một chiều cao và chiều rộng. Trong HTML, tất cả các hộp có kích thước mặc định. Những kích thước mặc định sẽ được tự động thiết lập để lưu giữ nội dung nguyên hộp.

Để thay đổi kích thước mặc định hộp của một nguyên tố trong CSS, bạn có thể sử dụng chiều rộng và chiều cao tính.

Hai thuộc tính có thể được xác định với các đơn vị sau đây của phép đo:

Pixels - Bạn đã học về pixel khi bạn đã học về phông chữ. Đơn vị này cho phép bạn thiết lập kích thước chính xác của hộp của một nguyên tố.
Ems - đơn vị này thiết lập kích thước của hộp tương đối so với kích thước của văn bản trong hộp.
Tỷ lệ phần trăm - đơn vị này thiết lập kích thước của hộp tương đối so với kích thước của hộp mà nó được bọc trong Ví dụ. xem xét một phần tử (hộp) của lớp tập màu xanh đến độ cao 200 pixel, rộng 200 pixel. Bên trong các màu xanh, hãy xem xét một hộp của lớp màu đỏ, đặt lên độ cao 37% và chiều rộng 45%. Các kích thước quả của hộp màu đỏ sẽ là một chiều cao 74 pixel và chiều rộng là 90 pixel.
Các nhà phát triển thường sử dụng ems hoặc tỷ lệ phần trăm để thiết lập kích thước hộp. Bởi vì rất nhiều các trang web đang truy cập trên các thiết bị di động và hiển thị khác của các kích cỡ khác nhau, ems và tỷ lệ cho phép hộp để mở rộng tùy thuộc vào kích thước của màn hình của người dùng.
1.
Trong style.css, thiết lập chiều cao của div nội dung tiêu đề để 320 pixel.
2.
Tiếp theo, thiết lập chiều rộng của div hướng đến 100%.

Lưu ý: Các trình duyệt bên phải là, tất nhiên, một phiên bản nhỏ hơn của một trình duyệt thông thường bạn có thể sử dụng. Để cho các trang web để tìm đoan trong khung nhìn nhỏ hơn này, chúng tôi sẽ tiếp tục sử dụng tỷ lệ phần trăm cho kích thước hộp. Trong một khóa học sau đó, bạn sẽ tìm hiểu thêm về thiết kế web đáp ứng.

Results (Vietnamese) 3:

Một yếu tố trong cái hộp có hai chiều: một một chiều cao và chiều rộng.Ở trong vali của HTML, tất cả đều mặc định cỡ.Những kích thước sẽ tự động cài đặt mặc định cho lưu nên hộp. Gốc của nội dung.Thay đổi cỡ mặc định của nguyên tố trong CSS hộp, cậu có thể sử dụng thuộc tính chiều rộng và chiều cao.Đó là hai thuộc tính có thể được xác định là đơn vị đo giáp các đô thị sau:Pixel - khi anh hiểu chữ khi anh đã học được điểm ảnh.Đơn vị này được đặt cho anh một yếu tố kích thước hộp. Chính xác.Đơn vị này được đặt trong hộp hộp kích thước so sánh với kích thước của văn bản.Tỷ lệ phần trăm - đơn vị này đặt kích thước hộp với kích thước, nó được bọc trong.Ví dụ, cân nhắc loại màu xanh là nguyên tố (một bộ khung cho 200 điểm ảnh) chiều cao, chiều rộng là 200 điểm ảnh.Màu xanh bên trong khác, xem xét một hộp đỏ, đặt làm 37% chiều cao và chiều rộng là 45%.Kết quả của kích thước hộp đỏ cho 74 điểm ảnh, chiều rộng là 90 pixel.Các nhà phát triển thường sử dụng hộp thiết lập EMS hoặc tỷ lệ phần trăm..Do có nhiều trang thiết bị khác bây giờ truy cập di chuyển và màn hình kích cỡ khác nhau, Ems và tỷ lệ phần trăm cho phép người dùng kích thước hộp phụ thuộc vào kích cỡ hiển thị.1.Ở style.css, bộ div đầu nội dung của độ cao 320 pixel.2.Tiếp theo, thiết lập div dẫn đường rộng hết.Ghi chú: bên phải của trình duyệt, tất nhiên là một phiên bản nhỏ hơn là một điển hình của trình duyệt web, bạn có thể sử dụng.Để làm cho trang web này nhỏ hơn của đàng hoàng, chúng ta sẽ tiếp tục sử dụng tỷ lệ kích thước của hộp.Ở sau khóa học, anh sẽ học được nhiều hơn về đáp ứng thiết kế web.