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

Bắt buộc HTTPS - Thủ thuật CSS

Bắt buộc HTTPS - Thủ thuật CSS

RewriteEngine trên RewriteCond% (HTTPS)! Trên RewriteRule (. *) Https: //% (HTTP_HOST)% (REQUEST_URI) Nếu bạn có proxy phía trước máy chủ của mình thực hiện TLS "

Buộc loại nội dung đúng cho Tài liệu XHTML - Thủ thuật CSS

Buộc loại nội dung đúng cho Tài liệu XHTML - Thủ thuật CSS

Hầu hết các máy chủ web phục vụ nội dung XHTML dưới dạng văn bản / html, đây chắc chắn là cách phù hợp để xử lý các tài liệu XHTML. Trong trường hợp máy chủ hoạt động không chính xác, "

Buộc ký tự utf-8 - Thủ thuật CSS

Buộc ký tự utf-8 - Thủ thuật CSS

Nếu bạn không thể thay đổi cấu hình của máy chủ Apache, hãy sử dụng mã này để buộc giải mã trang thành utf-8. AddDefaultCharset utf-8 "

Nhận trang thống kê Dreamhost Hoạt động trên trang web WordPress - Thủ thuật CSS

Nhận trang thống kê Dreamhost Hoạt động trên trang web WordPress - Thủ thuật CSS

Đối với các trang web được lưu trữ bằng Dreamhost, theo mặc định, bạn có một trang phân tích tại trang yourite.tld / stats /. WordPress có thể can thiệp vào điều này, vì nghĩ rằng bạn đang "

Lập chỉ mục lạ mắt - Thủ thuật CSS

Lập chỉ mục lạ mắt - Thủ thuật CSS

Thêm phông chữ có chiều rộng cố định, kích thước tệp và ngày tháng, khả năng sắp xếp. Tuyên truyền đến các thư mục cấp cao hơn. Xem ví dụ. IndexOptions FancyIndexing IndexOptions "

Các trang lỗi tùy chỉnh - Thủ thuật CSS

Các trang lỗi tùy chỉnh - Thủ thuật CSS

ErrorDocument 400 /400.html ErrorDocument 401 /401.html ErrorDocument 403 /403.html ErrorDocument 404 /404.html ErrorDocument 405 /405.html ErrorDocument "

Từ chối và cho phép truy cập - Thủ thuật CSS

Từ chối và cho phép truy cập - Thủ thuật CSS

Từ chối ngoại trừ từ các IP cụ thể Từ chối đơn hàng, cho phép Từ chối từ Tất cả Cho phép từ xxx.xxx.xxx.xxx Cho phép từ xxx.xxx.xxx.xxy Cho phép ngoại trừ từ Đơn hàng IP cụ thể "

Trang chỉ mục thư mục khác nhau - Thủ thuật CSS

Trang chỉ mục thư mục khác nhau - Thủ thuật CSS

Thông thường index.html hoặc index.php là trang mặc định mà máy chủ phục vụ khi truy cập một thư mục mà không chỉ định tên tệp. Bạn có thể thay đổi điều này bằng "

Nén Gzip hoạt động - Thủ thuật CSS

Nén Gzip hoạt động - Thủ thuật CSS

Nén làm giảm thời gian phản hồi bằng cách giảm kích thước của phản hồi HTTP. Gzip là phương pháp nén phổ biến và hiệu quả nhất hiện nay "

Nối / Thêm tệp - Thủ thuật CSS

Nối / Thêm tệp - Thủ thuật CSS

Thay vì phải gọi / bao gồm một tệp bạn cần trên mỗi trang, bạn có thể đặt chúng tự động thêm trước (đầu tệp) hoặc nối thêm (cuối "

Cho phép một URL thông qua Bảo vệ bằng mật khẩu .htaccess - Thủ thuật CSS

Cho phép một URL thông qua Bảo vệ bằng mật khẩu .htaccess - Thủ thuật CSS

Mã này hữu ích cho nhiều thiết lập môi trường (dàn dựng, sản xuất, v.v.), nó cho phép bạn giữ các tệp htaccess của mình được đồng bộ hóa trong khi duy trì một "

Chuyển hướng 301 - Thủ thuật CSS

Chuyển hướng 301 - Thủ thuật CSS

Đây là cách rõ ràng nhất để chuyển hướng một URL. Nhanh chóng, dễ dàng và thân thiện với công cụ tìm kiếm. Hãy nhớ rằng nội dung HTAccess chỉ dành cho máy chủ Apache. Chuyển hướng một "

Hiệu ứng máy đánh chữ - Thủ thuật CSS

Hiệu ứng máy đánh chữ - Thủ thuật CSS

.typewriter h1 (tràn: ẩn; / * Đảm bảo nội dung không bị lộ cho đến khi hoạt ảnh * / border-right: .15em màu cam đậm; / * Con trỏ máy đánh máy "

Tắt Vòng quay Nhập số - Thủ thuật CSS

Tắt Vòng quay Nhập số - Thủ thuật CSS

Các trình duyệt trên máy tính để bàn WebKit thêm một ít mũi tên lên xuống cho các đầu vào số được gọi là spinners. Bạn có thể tắt chúng một cách trực quan như sau: "

Mixins CSS3 LESS hữu ích - Thủ thuật CSS

Mixins CSS3 LESS hữu ích - Thủ thuật CSS

.text-shadow (@string: 0 1px 3px rgba (0, 0, 0, 0,25)) (text-shadow: @string;) .box-shadow (@string) (-webkit-box-shadow: @string; -moz-box-shadow: "

Danh sách không có thứ tự như một dòng thời gian - Thủ thuật CSS

Danh sách không có thứ tự như một dòng thời gian - Thủ thuật CSS

Một cách đơn giản (nhưng xảo quyệt) mới mẻ để tạo dòng thời gian dọc bằng cách sử dụng danh sách () không có thứ tự theo ngữ nghĩa thẳng lên () từ Peter Cooper. ol ("

Khối ba chiều hai màu và văn bản - Thủ thuật CSS

Khối ba chiều hai màu và văn bản - Thủ thuật CSS

Chúng tôi có thể sử dụng nhiều giá trị bóng văn bản và bóng hộp để tạo giao diện ba chiều cho khối hoặc văn bản, như ảnh chụp màn hình này của David DeSandro "

Cắt ngắn chuỗi bằng dấu ba chấm - Thủ thuật CSS

Cắt ngắn chuỗi bằng dấu ba chấm - Thủ thuật CSS

Tất cả những điều sau đây là bắt buộc, vì vậy văn bản phải nằm trong một đường thẳng duy nhất tràn vào hộp nơi phần tràn đó bị ẩn. .truncate (width: "

Tucked Corners - Thủ thuật CSS

Tucked Corners - Thủ thuật CSS

Nội dung nội dung (background: # e6e6e6;) .corners (background: # f6f6f6; height: 700px; margin: 50px auto; max-width: 600px; position: rel; width: 80%; "

Đạn danh sách tam giác - Thủ thuật CSS

Đạn danh sách tam giác - Thủ thuật CSS

Ul (margin: 0,75em 0; padding: 0 1em; list-style: none;) li :: before (content: ""; border-color: transparent # 111; border-style: solid; border-width: "

Xoay văn bản - Thủ thuật CSS

Xoay văn bản - Thủ thuật CSS

Nếu những gì bạn đang tìm kiếm là một cách để thiết lập kiểu theo chiều dọc, thì tốt nhất bạn nên chọn chế độ viết CSS. Nếu bạn chỉ đang cố gắng chuyển một số văn bản, bạn "

Bóng tối - Thủ thuật CSS

Bóng tối - Thủ thuật CSS

Đổ bóng dọc theo cạnh trên của trang web, như sau: body :: before (content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; "

Hình ảnh nền trong suốt - Thủ thuật CSS

Hình ảnh nền trong suốt - Thủ thuật CSS

Không có độ mờ nền thuộc tính CSS, nhưng bạn có thể giả mạo nó bằng cách chèn một phần tử giả có độ mờ thông thường bằng kích thước chính xác của phần tử phía sau "

Ngăn xếp phông chữ hệ thống - Thủ thuật CSS

Ngăn xếp phông chữ hệ thống - Thủ thuật CSS

Mặc định phông chữ hệ thống của một hệ điều hành cụ thể có thể tăng hiệu suất vì trình duyệt không phải tải xuống bất kỳ tệp phông chữ nào, đó là "

Viền Trong Suốt - Thủ thuật CSS

Viền Trong Suốt - Thủ thuật CSS

Viền Bên trong Trong suốt .inner-border (background: # 000; color: #fff; margin: 50px; padding: 15px; position: relative;) .inner-border: before (border: "

Văn bản giữ chỗ kiểu - Thủ thuật CSS

Văn bản giữ chỗ kiểu - Thủ thuật CSS

Văn bản giữ chỗ trong đầu vào có (trong các trình duyệt triển khai nó cho đến nay) có màu xám nhạt. Để tạo kiểu cho nó, bạn sẽ cần các thuộc tính CSS tiền tố của nhà cung cấp. "

Chuyển đổi chế độ hiển thị khi ẩn phần tử - Thủ thuật CSS

Chuyển đổi chế độ hiển thị khi ẩn phần tử - Thủ thuật CSS

Nhóm phát triển tại Medium đã thảo luận về một số hoạt động xấu làm phá vỡ khả năng tiếp cận. Trong một ví dụ, họ cho rằng độ mờ không được hỗ trợ tốt "

Văn Bản Giọt Máu - Thủ thuật CSS

Văn Bản Giọt Máu - Thủ thuật CSS

.blood (color: silver; text-shadow: 4px 4px 1px # 300000, 4px 6px 1px # 400000, 4px 8px 1px # 500000, 4px 10px 1px # 600000, 4px 12px 1px # 700000, 4px 14px "

Thu thập thông tin văn bản Star Wars - Thủ thuật CSS

Thu thập thông tin văn bản Star Wars - Thủ thuật CSS

Phần mở đầu cho Chiến tranh giữa các vì sao là một biểu tượng. Hiệu ứng cuộn văn bản cả lên và ra khỏi màn hình đều là một hiệu ứng đặc biệt tuyệt vời cho một bộ phim hồi trước "

Chân trang dính - Thủ thuật CSS

Chân trang dính - Thủ thuật CSS

Hoạt động tốt nếu bạn có thể áp dụng chiều cao cố định cho chân trang. Nội dung! Tôi là Sticky Footer. * (margin: 0;) html, body (height: 100%;) .page-wrap ("