CSS GRID Tiếng anh là gì - trong Tiếng anh Dịch

• CSS grid

Ví dụ về việc sử dụng Css grid trong Tiếng việt và bản dịch của chúng sang Tiếng anh

Hãy thử CSS Grid ngay bây giờ.
So give CSS Grid a try.

CSS Grid layout rất phức tạp.
CSS Grid Layout is awesome.

Cách bố trí này sẽ đạt được với một CSS Grid.
This layout will be achieved with a CSS Grid.

CSS Grid Layout Module là gì?
What is the CSS Grid Layout Module?

Nó cũng bao gồm các loại cho Flexbox và CSS Grid.
It also includes categories for Flexbox and CSS Grid.

CSS Grid là một layout module.
CSS Grid is a CSS Grid layout method.

Học cách sử dụng CSS Grid Layout không phải là khó.
Learning how to use CSS Grid Layout doesn't have to be hard.

CSS Grid là một cách mới để tạo layout trên website.
CSS Grid is a new way of creating layouts on the web.

Tuy nhiên, có một mô- đun mới gọi là CSS Grid và nó có nhiều khả năng giống như Flexbox.
However, there's a new kid in town called CSS Grid, and it's got a lot of the same capabilities as Flexbox.

CSS Grid là một cách mới để tạo layout trên website.
CSS Grid provides a new way to create layouts on the web.

Trong phần tiếp theo này, mình sẽ giải thích cách sử dụng CSS Grid để làm cho việc bố trí các bài viết của thú vị hơn.
In this next section, I will explain how I use CSS Grid to make the layout of my articles more interesting.

Làm thế nào để cho chúng ta tiếp cận layout( kiểu bố trí) trên web đang thay đổi, và tiền đề của sự thay đổi đó là CSS Grid Layout.
How we approach layout on the web is changing, and at the forefront of that change is CSS Grid Layout.

Tôi càng sử dụng CSS Grid, càng cảm thấy bị thuyết phục rằng không có lợi ích gì khi thêm một lớp trừu tượng vào nó.
The more I use CSS Grid, the more convinced I am that there is no benefit to be had by adding a layer of abstraction over it.

Mặc dù nó vẫn hoạt động trên cơ sở một lưới các cột, CSS Grid có một mô hình tinh thần khác với các khung bố cục mà chúng ta đang sử dụng.
Although it still works on the basis of a grid of columns, CSS Grid has a different mental model to the layout frameworks we have been using.

Trên thực tế, một khi CSS Grid xuất hiện, sử dụng một framework sẽ kém hiệu quả hơn nhiều so với mã hóa bố cục của chính bạn trong CSS vanilla.
In fact, once CSS Grid arrives, using a framework will be much less efficient than hand-coding your own layout in vanilla CSS..

Bạn sắp xếp layout thế nào không thành vấn đề, bạn có thể sử dụng CSS Flexbox, CSS Grid, hoặc phương pháp" truyền thống" sử dụng thuộc tính float.
It doesn't matter how you arrange the layout, you can use CSS Flexbox, CSS Grid, or the“traditional” approach using the float property.

Theo mặc định, hệ thống CSS grid layout có 1 flow model- nó sẽ tự động gán nội dung vào cell còn trống tiếp theo.
By default, the CSS Grid Layout system has a flow model; it will automatically assign content to the next open grid cell.

Việc giới thiệu bố cục lưới và CSS3 đã được sử dụng từ nhiều năm nay, nhưng bố cục lưới chiều nội dung chỉ là sự khởi đầu của sự việc với CSS Grid.
The introduction of the Grid layouts and CSS3 has been with us for years now, but isometric dimensional grid layouts are just the beginning of things to come with CSS Grid.

Nói cách khác, CSS Grid là một công cụ thuần túy trực quan và được sử dụng đúng cách, không có ảnh hưởng đến việc truyền đạt nội dung của document.
In other words, CSS grid is a purely visual tool, and used correctly, it should have no effect on the communication of the contents of the document.

Trong bài viết này, tôi sẽ hướng dẫn bạn cách sử dụng CSS Grid để tạo ra một hình ảnh đơn giản có thể thay đổi số lượng cột với độ rộng của màn hình.
In this article I will teach you how to use CSS Grid to create a super cool image grid which varies the amount of columns with the width of the screen.

CSS Grid Layout nổi bật khi chia trang thành các vùng lớn hoặc xác định mối quan hệ về size, position, và layer, giữa các phần được xây dựng từ HTML cơ bản.
CSS Grid Layout excels at dividing a page into major regions or defining the relationship in terms of size, position, and layer, between parts of a control built from HTML primitives.

Hướng dẫn hoạt động như một phần của quảng cáo cho trình duyệt Firefox Developer Edition, nhưng đây vẫn là một hướng dẫn tuyệt vời sẽ hữu ích cho bất cứ ai mới bắt đầu với CSS Grid.
The guide works as somewhat of a promo for the Firefox Developer Edition browser, but this is still an excellent guide that will be useful for anyone just getting started with CSS Grid.

Như bạn đã thấy, CSS Grid Layout Module là một công cụ vô cùng mạnh mẽ bởi khả năng giúp bạn code ngắn gọn và thay đổi trật tự layout mà không phải động đến markup.
As you have seen, the CSS Grid Layout Module is powerful because of its code brevity and the fact that you have the power to change the layout order without touching the markup.

Trên thực tế, viết CSS bằng cú pháp Grid mới sẽ dễ dàng hơn so với việc áp dụng một framework và việc cập nhật các khung kiểu cũ bằng CSS Grid sẽ chỉ khiến cuộc sống trở nên khó khăn hơn.
Actually, writing CSS using the new Grid syntax will be easier than applying a framework, and updating old-style frameworks with CSS Grid will only make life harder.

Css Grid là một sản phẩm miễn phí cho phép những nhà phát triển xây dựng trang web với kích thước lớn hơn, độ phân giải 1280 px đang nhanh chóng trở thành chuẩn mới- và giảm ngược lại là bố cục cho thiết bị di động.
CSS Grid is a free product that allows developers to build websites for the larger, 1280 pixel resolution monitors that are rapidly becoming the new standard- and shrink back down to a mobile layout.

Trong vòng vài năm gần đây, layout của thiết kế web đã bị hạn chế bởi bởi CSS, nhưng những công cụ mới như flexbox và CSS grid( sẽ ra mắt vào tháng 3/ 2017) sẽ cho phép nhiều layout ấn tượng hơn trên web.
Over the past few years, web design layout has been constrained by CSS's limitations, but new tools like flexbox and CSS grid will allow for much more expressive layouts on the web.

Css Grid là một sản phẩm miễn phí cho phép những nhà phát triển xây dựng trang web với kích thước lớn hơn, độ phân giải 1280 px đang nhanh chóng trở thành chuẩn mới- và giảm ngược lại là bố cục cho thiết bị di động.
Css Grid is a free product that allows developers to build web pages with larger size, resolution 1280 px is quickly becoming the new standard- and reduce the reverse is the layout for mobile devices.

Điều đáng chú ý là CSS Exclusions hiện chỉ hoạt động trong Internet Explorer 10 trở lên, và Edge, một lần nữa chứng tỏ rằng Microsoft đang đi trước( chúng ta cũng phải cảm ơn cho sự phát triển của CSS Grid).
It is worth noting that CSS Exclusions currently only works in Internet Explorer 10 and up, and Edge, once again demonstrating how Microsoft are pushing web browser frontiers(we have them to thank for the development of CSS Grid too).

Biết được thực tế như vậy bạn sẽ hiểu tại sao CSS Grid và Flexbox lại đề cập đến đường bắt đầu và đường kết thúc hơn là ánh xạ lưới vào các kích thước vật lý top, right, bottom, left như chúng ta thường sử dụng với Position Absolute( vị trí tuyệt đối).
Knowing this fact about writing modes also explains why CSS Grid and Flexbox refer to start and end lines rather than mapping the grid to the physical dimensions of top, right, bottom and left as we would use with absolute positioning.