Đoạn mã 2025, Tháng BảY

Chức năng Px to Em - Thủ thuật CSS

Chức năng Px to Em - Thủ thuật CSS

Chúng ta đã nói về "Why Ems?" ở đây trước đây. Đối với những người mới sử dụng giá trị em, Mạng nhà phát triển Mozilla đã thực hiện một công việc xuất sắc trong việc giải thích ems: ... an em is "

Chức năng của trình trợ giúp tài sản đơn giản - Thủ thuật CSS

Chức năng của trình trợ giúp tài sản đơn giản - Thủ thuật CSS

Đối phó với những lối mòn luôn có một chút khó chịu, bạn sẽ bị thủng lưới. May mắn thay, với Sass, việc có một API đẹp để quản lý tài sản và "

Chức năng Power - Thủ thuật CSS

Chức năng Power - Thủ thuật CSS

Mặc dù rất hữu ích với số học, Sass lại hơi hụt hẫng với các hàm trợ giúp toán học. Đã có một vấn đề mở trên kho lưu trữ chính thức để "

Sass Những điều cho Liên kết - Thủ thuật CSS

Sass Những điều cho Liên kết - Thủ thuật CSS

Thông qua Alex King, bạn có thể sử dụng các biến cho bộ chọn: $ a-tags: 'a, a: active, a: hover, a: visit'; $ a-tags-hover: 'a: active, a: hover'; # ($ a-tags) (màu: "

Hàm ngược hướng - Thủ thuật CSS

Hàm ngược hướng - Thủ thuật CSS

Khung công tác Sass La bàn cung cấp một chức năng tiện dụng để lấy hướng ngược lại của một vị trí, ví dụ như sang trái khi chuyển sang phải làm đối số. Điều này"

Mixin đến Thuộc tính tiền tố - Thủ thuật CSS

Mixin đến Thuộc tính tiền tố - Thủ thuật CSS

Trong trường hợp bạn quan tâm đến việc xử lý tiền tố của nhà cung cấp CSS của riêng mình (thay vì, giả sử, Autoprefixer hoặc La bàn), đây là một mixin để trợ giúp điều đó. Hơn"

Mixin để đủ tiêu chuẩn một người chọn - Thủ thuật CSS

Mixin để đủ tiêu chuẩn một người chọn - Thủ thuật CSS

Không có cách nào dễ dàng để đủ điều kiện một bộ chọn từ bên trong bộ quy tắc liên quan của nó. Bằng cách đủ điều kiện, ý tôi là viết trước tên phần tử (ví dụ: a) vào một lớp "

Duy trì tỷ lệ khung hình Mixin - Thủ thuật CSS

Duy trì tỷ lệ khung hình Mixin - Thủ thuật CSS

Bài viết này từ tháng 7 năm 2013 mô tả một phương pháp sử dụng phần tử psuedo để duy trì tỷ lệ khung hình của phần tử, ngay cả khi nó chia tỷ lệ. Đây là một bản mix của Sass rằng "

Material Shadows Mixin - Thủ thuật CSS

Material Shadows Mixin - Thủ thuật CSS

Gần đây, Material Design đã xuất hiện khắp nơi. Một phần của nó bao gồm việc xếp chồng các lớp lên nhau như những tờ giấy thật. Để đạt được "

Mixin để định vị bù đắp - Thủ thuật CSS

Mixin để định vị bù đắp - Thủ thuật CSS

Nếu thiếu một CSS viết tắt đáng kể, thì đó chính là CSS giúp bạn có thể xác định thuộc tính position, cũng như bốn thuộc tính offset "

Mixin để quản lý các điểm ngắt - Thủ thuật CSS

Mixin để quản lý các điểm ngắt - Thủ thuật CSS

Các sáng tạo Thiết kế web đáp ứng thường tồn tại qua một số điểm ngắt khác nhau. Quản lý các điểm ngắt đó không phải lúc nào cũng dễ dàng. Sử dụng chúng và cập nhật "

Chức năng Độ chói màu - Thủ thuật CSS

Chức năng Độ chói màu - Thủ thuật CSS

Khi đào sâu vào lý thuyết màu sắc, có một thứ gọi là độ chói màu tương đối. Nói một cách đơn giản, độ chói của một màu xác định liệu "

Chức năng Lập trình Chức năng - Thủ thuật CSS

Chức năng Lập trình Chức năng - Thủ thuật CSS

Đối với người tạo thư viện và người xây dựng khung, có một vài chức năng bổ sung để áp dụng động các chức năng cho các mục của danh sách có thể hữu ích. Đây"

@extend Wrapper hay còn gọi là Mixtend - Thủ thuật CSS

@extend Wrapper hay còn gọi là Mixtend - Thủ thuật CSS

Khi mở rộng bộ chọn với chỉ thị @extend, Sass không lấy nội dung CSS từ bộ chọn mở rộng để đưa nó vào bộ chọn mở rộng. Nó "

Sửa một số thành N chữ số - Thủ thuật CSS

Sửa một số thành N chữ số - Thủ thuật CSS

Khi xử lý các số trong JavaScript hoặc bất kỳ ngôn ngữ lập trình nào khác, có một cách để cắt bớt một số sau n chữ số. Thật không may, không có "

Chức năng Easing Map Get - Thủ thuật CSS

Chức năng Easing Map Get - Thủ thuật CSS

Các đường cong Bézier có thể được sử dụng để thêm các hiệu ứng đẹp mắt cho các hiệu ứng chuyển tiếp và hoạt ảnh CSS. Nhập ký hiệu chức năng đầy đủ (ví dụ: khối-bezier (0,550, "

Nhận / Đặt sâu trong Bản đồ - Thủ thuật CSS

Nhận / Đặt sâu trong Bản đồ - Thủ thuật CSS

Khi làm việc trên các kiến ​​trúc Sass phức tạp, không có gì lạ khi sử dụng bản đồ Sass để duy trì cấu hình và các tùy chọn. Đôi khi, bạn sẽ thấy bản đồ "

Thanh cuộn tùy chỉnh Mixin - Thủ thuật CSS

Thanh cuộn tùy chỉnh Mixin - Thủ thuật CSS

Thanh cuộn là một trong những thành phần giao diện người dùng hiện diện trên hầu hết các trang của internet, nhưng chúng tôi (các nhà phát triển) có rất ít hoặc không kiểm soát được nó. "

CSS Tam giác Mixin - Thủ thuật CSS

CSS Tam giác Mixin - Thủ thuật CSS

Có một cách hack CSS khá phổ biến bằng cách sử dụng các đường viền trong suốt trên phần tử 0-width / 0-height để bắt chước hình tam giác. Có một đoạn CSS ở đây trên CSS-Tricks "

Định tâm Mixin - Thủ thuật CSS

Định tâm Mixin - Thủ thuật CSS

Giả sử phần tử mẹ có vị trí: tương đối;, bốn thuộc tính này sẽ căn giữa một phần tử con theo cả chiều ngang và chiều dọc bên trong, bất kể "

Thêm đơn vị vào số một cách chính xác - Thủ thuật CSS

Thêm đơn vị vào số một cách chính xác - Thủ thuật CSS

Khi chuyển đổi một số không có đơn vị thành độ dài, thời lượng, góc hoặc bất kỳ thứ gì, mọi người có xu hướng chỉ cần thêm đơn vị đó dưới dạng một chuỗi, như sau: $ value: 42; "

Kẹp số - Thủ thuật CSS

Kẹp số - Thủ thuật CSS

Trong khoa học máy tính, chúng tôi sử dụng từ kẹp như một cách để hạn chế một số giữa hai số khác. Khi được kẹp lại, một số sẽ giữ nguyên giá trị của nó "

Phủ sóng Mixin - Thủ thuật CSS

Phủ sóng Mixin - Thủ thuật CSS

Tôi thấy mình luôn sử dụng các thuộc tính này cùng nhau, đây thường là cơ hội tốt cho một sự trừu tượng như mixin: @mixin coverer ("

BEM Mixins - Thủ thuật CSS

BEM Mixins - Thủ thuật CSS

Lời giới thiệu hay nhất về BEM là từ Harry Roberts: BEM - có nghĩa là khối, phần tử, bổ ngữ - là một phương pháp đặt tên giao diện người dùng do những người ở "

Lưu vào bộ nhớ đệm Bộ chọn hiện tại (&) trong Sass - Thủ thuật CSS

Lưu vào bộ nhớ đệm Bộ chọn hiện tại (&) trong Sass - Thủ thuật CSS

Ký tự & trong Sass là duy nhất ở chỗ nó đại diện cho bộ chọn hiện tại. Nó thay đổi khi bạn lồng vào nhau. Giả sử bạn được lồng vào nhau, nhưng bạn muốn truy cập vào "

Chức năng Độ mờ đen và Trắng - Thủ thuật CSS

Chức năng Độ mờ đen và Trắng - Thủ thuật CSS

Khá phổ biến khi cần một chút màu đen hoặc trắng trong suốt. Trong CSS, bạn có thể thực hiện: .half-black (background: rgba (0, 0, 0, 0.5);) Mọi việc trở nên dễ dàng hơn trong "

Kiểm tra kiểu nâng cao - Thủ thuật CSS

Kiểm tra kiểu nâng cao - Thủ thuật CSS

Tập hợp các hàm này là để kiểm tra xem giá trị của một biến thuộc một loại nhất định. Ví dụ, 13rem có phải là độ dài tương đối không? THẬT! Là "băng giá"

Số không đệm - Thủ thuật CSS

Số không đệm - Thủ thuật CSS

Function getZeroPaddedNumber ($ value, $ padding) (return str_pad ($ value, $ padding, "0", STR_PAD_LEFT);) Sử dụng echo getZeroPaddedNumber (123, 4); // kết quả đầu ra "

Trình kiểm tra phạm vi mã Zipcode đơn giản - Thủ thuật CSS

Trình kiểm tra phạm vi mã Zipcode đơn giản - Thủ thuật CSS

Bản regex dưới đây kiểm tra mã zip được cung cấp nếu nó bắt đầu bằng các số 096 và có chính xác 2 số sau nó. Nếu có, nó sẽ vang lên Có, nếu "

Xác thực URL - Thủ thuật CSS

Xác thực URL - Thủ thuật CSS

$ url = 'http://example.com'; $ validation = filter_var ($ url, FILTER_VALIDATE_URL, FILTER_FLAG_HOST_REQUIRED); if ($ validation) $ output = 'URL thích hợp'; "