Đoạn mã 2025, Tháng Chín

Ruy băng góc - Thủ thuật CSS

Ruy băng góc - Thủ thuật CSS

TIN TỨC .wrapper (margin: 50px auto; width: 280px; height: 370px; background: white; border-radius: 10px; -webkit-box-shadow: 0px 0px 8px rgba (0,0,0.0.3); "

Chiều cao tối thiểu của trình duyệt chéo - Thủ thuật CSS

Chiều cao tối thiểu của trình duyệt chéo - Thủ thuật CSS

Div (min-height: 500px; height: auto! important; height: 500px;) Điều này hoạt động vì (rất may?) IE xử lý "chiều cao" như thế nào "min-height" được cho là "

Cross Browser Inline-Block - Thủ thuật CSS

Cross Browser Inline-Block - Thủ thuật CSS

Li (width: 200px; min-height: 250px; border: 1px solid # 000; display: -moz-inline-stack; display: inline-block; vertical-align: top; margin: 5px; zoom: "

Nén CSS bằng PHP - Thủ thuật CSS

Nén CSS bằng PHP - Thủ thuật CSS

Khởi động các tệp CSS của bạn bằng PHP này (và đặt tên là style.php): body (color: red;) Sau đó, gọi CSS của bạn bằng tên tệp PHP: "

Các biểu tượng Unicode phổ biến - Thủ thuật CSS

Các biểu tượng Unicode phổ biến - Thủ thuật CSS

A: before (content: "2709";) .phone: before (content: "2706";) .important: before (content: "27BD";) blockquote: before (content: "275D";) "

Nhận xét trong CSS - Thủ thuật CSS

Nhận xét trong CSS - Thủ thuật CSS

Ví dụ: body (font-size: 62,5% / * 1em = 10px * /) Nội dung bên trong dấu / * * / là các chú thích CSS. Điều này cho phép bạn nhập ghi chú vào CSS sẽ "

Clearfix: Buộc một phần tử phải tự xóa con cái của nó - Thủ thuật CSS

Clearfix: Buộc một phần tử phải tự xóa con cái của nó - Thủ thuật CSS

Điều này sẽ làm bạn ổn những ngày này (IE 8 trở lên): .group: after (content: ""; display: table; clear: both;) Áp dụng nó cho bất kỳ phần tử mẹ nào mà bạn "

Thay đổi kiểu tự động điền trong trình duyệt WebKit - Thủ thuật CSS

Thay đổi kiểu tự động điền trong trình duyệt WebKit - Thủ thuật CSS

Chúng tôi nhận được một mẹo hay từ Lydia Dugger qua email với một phương pháp để thay đổi kiểu mà trình duyệt WebKit áp dụng cho các trường biểu mẫu đã được "

Căn giữa một trang web - Thủ thuật CSS

Căn giữa một trang web - Thủ thuật CSS

# page-wrap (width: 800px; margin: 0 auto;) "

Thay đổi màu lựa chọn văn bản - Thủ thuật CSS

Thay đổi màu lựa chọn văn bản - Thủ thuật CSS

:: selection (background-color: #FFA; color: # 000;) (Thông tin thêm) "

Các nút Apple Pay trong CSS - Thủ thuật CSS

Các nút Apple Pay trong CSS - Thủ thuật CSS

Bạn không phải thiết kế các nút của riêng mình cho Apple Pay. Trên thực tế, Apple nói với bạn rằng bạn không thể. Vì vậy, bạn phải làm gì trên web? Rất may, "

Hack cụ thể cho trình duyệt - Thủ thuật CSS

Hack cụ thể cho trình duyệt - Thủ thuật CSS

***** Hacks bộ chọn ****** / / * IE6 trở xuống * / * html #uno (color: red) / * IE7 * / *: first-child + html #dos (color: red) / * IE7, FF, Saf, Opera * / "

Trung tâm DIV với Chiều cao động - Thủ thuật CSS

Trung tâm DIV với Chiều cao động - Thủ thuật CSS

CSS: * (margin: 0; padding: 0;) #page (hiển thị: bảng; tràn: ẩn; margin: 0px auto;) *: first-child + html #page (position: rel;) / * ie7 * / * html "

Animated Grainy Texture - Thủ thuật CSS

Animated Grainy Texture - Thủ thuật CSS

Trang web DayTrip sử dụng hiệu ứng gọn gàng trên tiêu đề trang của nó làm biến dạng hình nền với kết cấu hoạt hình, có hạt. Hiệu quả là tinh tế nhưng "

Bouncy Animated Loading Animation - Thủ thuật CSS

Bouncy Animated Loading Animation - Thủ thuật CSS

Chỉ là một số trò vui với hoạt ảnh CSS3. Nếu bạn lo lắng về việc hỗ trợ trình duyệt siêu sâu, hãy sử dụng GIF. .loader (text-align: center;) .loader span ("

Văn bản mờ - Thủ thuật CSS

Văn bản mờ - Thủ thuật CSS

Làm cho màu văn bản trong suốt nhưng thêm bóng: .blur (color: transparent; text-shadow: 0 0 5px rgba (0,0,0,0.5);) Blurry Nhiều trình duyệt hơn hỗ trợ màu "

Khái niệm cơ bản về Google Font API - Thủ thuật CSS

Khái niệm cơ bản về Google Font API - Thủ thuật CSS

Liên kết đến các tệp CSS Về cơ bản, bạn liên kết trực tiếp đến các tệp CSS trên Google.com. Thông qua các tham số URL, bạn xác định cụ thể phông chữ nào bạn muốn và cái gì "

Trung tâm tuyệt đối (dọc & ngang) một hình ảnh - Thủ thuật CSS

Trung tâm tuyệt đối (dọc & ngang) một hình ảnh - Thủ thuật CSS

Kỹ thuật hình ảnh nền CSS: html (chiều rộng: 100%; chiều cao: 100%; nền: url (7518965 / Absol_center_vertical_horizontal_an_image_css-trick.png.webp) trung tâm không lặp lại;) CSS + Kỹ thuật hình ảnh nội tuyến: img ("

Helvetica tốt hơn - Thủ thuật CSS

Helvetica tốt hơn - Thủ thuật CSS

Nội dung (font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300;) "

Liên kết cơ bản Rollover as CSS Sprite - Thủ thuật CSS

Liên kết cơ bản Rollover as CSS Sprite - Thủ thuật CSS

A (background: url (sprite.png.webp) no-repeat; display: block; height: 30px; width: 250px;) a: hover (background-position: 0 -30px;) Chiều cao đã đặt và "

Khả năng truy cập / Ẩn CSS thân thiện với SEO - Thủ thuật CSS

Khả năng truy cập / Ẩn CSS thân thiện với SEO - Thủ thuật CSS

.screen-reader-text (position: Absol; top: -9999px; left: -9999px;) Lớp này có thể xóa một mục khỏi trang, loại bỏ nó khỏi dòng chảy và không "

Tất cả các loại phương tiện biểu định kiểu - Thủ thuật CSS

Tất cả các loại phương tiện biểu định kiểu - Thủ thuật CSS

Tất cả Được sử dụng cho tất cả các thiết bị loại đa phương tiện aural Được sử dụng cho bộ tổng hợp giọng nói và âm thanh chữ nổi Braille Được sử dụng cho các thiết bị phản hồi xúc giác chữ nổi Braille Được sử dụng cho phân trang "

Apple.com Thực đơn Bún Hamburger - Thủ thuật CSS

Apple.com Thực đơn Bún Hamburger - Thủ thuật CSS

Apple đã gây ra một số tiếng ồn khi họ phát hành một trang web cập nhật, bao gồm một điều hướng đáp ứng hoàn toàn mới. Trong khi thiết kế lại tập trung vào những thứ khác, một "