Giải thích về phương pháp rút gọn JavaScript
Giảm là một phương pháp có thể khó hiểu, đặc biệt là với tất cả các giải thích mơ hồ có thể tìm thấy trên web. Có rất nhiều lợi ích khi hiểu reduce vì nó thường được sử dụng trong quản lý nhà nước (nghĩ Redux ).
2020-09-04

Cắt image trong CSS với đối tượng phù hợp
Ta thường cần một hình ảnh phù hợp chính xác với một kích thước nhất định, nhưng vẫn giữ nguyên tỷ lệ khung hình và tránh để hình ảnh bị méo. Đây không phải là điều có thể dễ dàng thực hiện bằng CSS trong thời gian dài nhất. Một mẹo là sử dụng hình nền để giải quyết vấn đề. Vấn đề không còn là với thuộc tính object-fit !
2020-09-03

Inline so với Inline-Block Display trong CSS
display: inline-block đã mang đến một cách mới để tạo các hộp cạnh nhau có thể thu gọn và bọc đúng cách tùy thuộc vào không gian có sẵn trong phần tử chứa. Nó làm cho các bố cục đã được thực hiện trước đó với các phao nổi dễ tạo hơn. Không cần phải xóa phao nữa.
2020-09-03

Bố cục lưới CSS: Đơn vị Fr
Với CSS Grid Layout, ta nhận được một đơn vị linh hoạt mới: đơn vị Fr. Fr là một đơn vị phân số và 1fr là cho 1 phần của không gian có sẵn. Sau đây là một vài ví dụ về đơn vị fr tại nơi làm việc. Các mục lưới trong các ví dụ này được đặt trên lưới với các vùng lưới .
2020-09-03

Giới thiệu về Clipping Sử dụng clip-path trong CSS
clip-path là một thuộc tính rất thú vị cho phép cắt phần có thể nhìn thấy của các phần tử SVG, hình ảnh hoặc bất kỳ phần tử HTML nào thực sự.
2020-09-03

Giải thích về đơn vị CSS
CSS có một số tùy chọn để sử dụng các đơn vị khi xác định kích thước của các thuộc tính CSS khác nhau. Tìm hiểu tất cả các tùy chọn của bạn cho các đơn vị CSS có thể là key để tạo kiểu theo cách dễ quản lý và trông tuyệt vời trên mọi màn hình.
2020-09-03

Cải thiện khả năng phản hồi bằng cách bọc linh hoạt trong CSS
Thuộc tính flex-wrap là một cách nhanh chóng để làm cho các phần tử root phản hồi nhanh hơn trên các kích thước màn hình khác nhau. Như với flexbox nói chung, nó đơn giản hóa bố cục trang để bạn không phải tự đặt các điểm ngắt hoặc tự quản lý phần tràn trang.
2020-09-03

Thuộc tính căn chỉnh theo chiều dọc CSS
vertical-align xác định căn chỉnh theo chiều dọc cho nội dung của ô bảng hoặc cho phần tử nội tuyến so với phần còn lại của stream nội tuyến.
2020-09-03

Hình dạng kiểu tạp chí xung quanh các phần tử nổi trong CSS Với hình dạng bên ngoài
Một phần của mô-đun CSS Shapes 1 , hình dạng bên ngoài là một thuộc tính thú vị giúp bạn dễ dàng cài đặt hình dạng cho gói văn bản xung quanh một phần tử nổi. Ví dụ: nếu phần tử nổi là một hình ảnh có nhiều khoảng trắng hoặc nếu nó có bán kính đường viền khác, thì giá trị của shape-ngoài sẽ phát huy tác dụng để xác định cách văn bản bao quanh nó.
2020-09-03

Khám phá bố cục nhiều cột trong CSS
Các bố cục nơi nội dung luân chuyển giữa nhiều cột và bố cục kiểu tạp chí nhiều cột giờ đây có thể dễ dàng triển khai trong CSS bằng cách sử dụng một vài luật đơn giản được xác định như một phần của đặc tả Bố cục Đa cột CSS . Điều này, cùng với lưới CSSflexbox , thực sự cho phép ta xác định khá nhiều loại bố cục với nỗ lực tối thiểu. Ta hãy xem xét những gì hiện có thể về bố cục nhiều cột.
2020-09-03

filter () Phương thức mảng trong JavaScript
Phương thức filter() Array tạo ra một mảng mới với các phần tử thuộc một tiêu chí nhất định từ một mảng hiện có:
2020-09-03

Đầu vào biểu mẫu tạo kiểu trong CSS Với: bắt buộc,: tùy chọn,: hợp lệ và: không hợp lệ
Khi nói đến việc xác thực nội dung của các trường đầu vào trên giao diện user , mọi thứ giờ đây dễ dàng hơn nhiều so với trước đây. Ta có thể sử dụng các lớp giả : cần thiết ,: tùy chọn,: hợp lệ: không hợp lệ cùng với các thuộc tính xác thực biểu mẫu HTML5 như bắt buộc hoặc mẫu để tạo ra các kết quả trực quan hấp dẫn. Các lớp giả này hoạt động cho đầu vào , vùng văn bản và các phần tử được chọn .
2020-09-02

rem vs em Unit trong CSS
Ta có nhiều lựa chọn tốt khi nói đến các đơn vị trong CSS. Trong thế giới thiết kế đáp ứng ngày nay, các đơn vị tương đối như đơn vị em hoặc đơn vị rem mang lại cho ta khả năng thích ứng và tính linh hoạt ngay lập tức cho phép kích thước dựa trên (các) kích thước phông chữ được xác định cao hơn trong đánh dấu.
2020-09-02

Hướng dẫn thực hành để sử dụng CSS Vị trí tương đối & tuyệt đối
Trong bài viết này, bạn sẽ học cách sử dụng CSS position: relativeposition: absolute thông qua rất nhiều bản trình diễn và công cụ hỗ trợ học tập.
2020-09-02

Một CSS Flexbox Cheatsheet
Flexbox là một cách tốt để có được sự linh hoạt hơn trong bố cục của bạn và đơn giản hóa thiết kế bố cục đáp ứng. Nó giúp dễ dàng căn chỉnh các phần tử trên mặt phẳng 2D và khá dễ sử dụng khi bạn đã quen với các thuộc tính chính.
2020-09-02

1 2 3 4 5 6 7 8 9 10 ... 21 Show 101 - 125 of 507