Làm cách nào để chạy PHP trong tệp CSS?

Nhiều người nghĩ rằng PHP chỉ có thể được sử dụng để cung cấp các trang HTML động. Đây không phải là toàn bộ câu chuyện. Ví dụ, bạn có biết rằng với PHP bạn có thể phân phối các tệp CSS động không? . Bạn có thể duy trì một tệp CSS, với mã PHP trong đó - và PHP sẽ diễn giải mã đó và cung cấp đúng CSS cho đúng trình duyệt

AddType application/x-httpd-php .css

Điều này sẽ hướng dẫn máy chủ web Apache phân tích cú pháp. tệp css cho các lệnh PHP. Sau đó thêm dòng này vào đầu tệp CSS của bạn

Điều này đảm bảo rằng các. css trông giống như một tệp CSS thông thường đối với bất kỳ ai hỏi. Nếu bạn không trả lại tiêu đề văn bản/css, Mozilla sẽ từ chối đưa tệp vào nếu trang gọi có XHTML hoặc loại tài liệu HTML nghiêm ngặt

Với hai thay đổi này, giờ đây bạn có thể sử dụng PHP ở mọi nơi trong tệp CSS của mình. Các hoạt động có điều kiện, các lệnh gọi hàm và nói chung là toàn bộ chức năng PHP theo ý của bạn

Ví dụ, bạn có thể có một liên kết đến 'máy in thân thiện. php' sẽ đặt cookie [giả sử là 10/20 giây] và chuyển hướng quay lại trang giới thiệu. Sau đó, tệp CSS của bạn sẽ kiểm tra cookie "máy in" và nếu được đặt, sẽ tạo ra một biểu định kiểu thân thiện với máy in hơn

 
/* print styles here, turn off logos,
do in black and white or whatever */

/* regular styles */

Trình duyệt của bạn không nhận thấy

Cho dù bạn sử dụng CSS động với PHP hay CSS tĩnh, trình duyệt của bạn sẽ không bao giờ nhận thấy - cũng như sẽ không bao giờ nhận thấy với các tệp HTML khác. Tại sao? . Ngay sau khi PHP hoàn thành công việc phân tích cú pháp tệp CSS trên máy chủ, trình duyệt sẽ nhận được một tệp CSS trông giống như bất kỳ tệp CSS nào khác. Sự khác biệt duy nhất là CSS này được xây dựng nhanh chóng, có tính đến bất kỳ tham số động nào bạn đã yêu cầu [cookie, tùy chọn người dùng, loại trình duyệt, v.v. ]. Trình duyệt của bạn sẽ không bao giờ nhận thấy và sẽ lưu trữ nó giống như bất kỳ CSS nào khác

Tất nhiên, ở trên chỉ là một ví dụ, vì CSS đã phục vụ cho các kiểu 'thân thiện với bản in' thay thế bằng cách sử dụng thuộc tính "phương tiện"

mặt khác, dường như không được hỗ trợ hoàn toàn bởi tất cả các trình duyệt vào lúc này

Một ứng dụng thú vị khác của ý tưởng CSS động là xây dựng “các biến thể chủ đề”. kết hợp màu sắc khác nhau cho cùng một chủ đề. Theo các dòng trước, bạn có thể đặt các liên kết ở đâu đó trong các trang của mình, điều này sẽ đặt cookie và chuyển hướng trở lại trang giới thiệu. Sau đó, tệp CSS của bạn sẽ kiểm tra cookie "kiểu" và sẽ tạo ra các màu thích hợp [xem Tập lệnh phía máy chủ trong tệp CSS]

body {
background-color: ;
color: ;
}

Tệp CSS mà bạn nên sửa đổi cho những hành động như vậy, là kiểu. css trong thư mục kiểu của chủ đề của bạn [xem Phần 14. 1]

Cách thêm kiểu CSS vào mã PHP

Trong bài đăng này, tôi sẽ chỉ cho bạn một số cách về cách tạo kiểu CSS cho mã PHP

 

Giải pháp đầu tiên

[1] Tạo một tệp  CSS riêng

[2] Gọi tệp CSS bên trong Mã PHP

Biểu định kiểu riêng

p{
	
color:blue;
	
	
}

Tệp PHP

// Call the File

Giải pháp thứ hai

[1] Nhúng thẻ Style bên ngoài phạm vi php

p{
		
color:blue;
}

Giải pháp thứ ba

[1] Sử dụng CSS nội tuyến bên trong PHP

Khám phá hàng nghìn tập lệnh PHP tốt nhất từng được tạo trên CodeCanyon. Với khoản thanh toán một lần, chi phí thấp, bạn có thể mua một trong những tập lệnh PHP chất lượng cao này và cải thiện trải nghiệm trang web cho bạn và khách truy cập của bạn.  

Mặc dù nhiều trang web sử dụng các môi trường lập trình mạnh mẽ để tạo HTML, nhưng những công cụ tương tự này thường bị bỏ qua khi tạo Cascading Style Sheets [CSS]. Bài viết này mô tả cách kiểm soát màu sắc của bạn trong CSS bằng cách sử dụng PHP. Bạn sẽ học cách

• Tập trung các định nghĩa màu của bạn bằng cách sử dụng các biến
• Phân tách bản trình bày và nội dung bằng cách tham chiếu màu sắc bằng cách sử dụng các tên trừu tượng như cơ sở và tô sáng
• Tự động tạo một dải màu từ một màu cơ bản duy nhất
  
• Tự động điều chỉnh độ tương phản của màu nền trước để chúng có thể được xem trên màu nền của bạn
  

Để sử dụng PHP trong tệp CSS của bạn

1. Đổi tên tệp

    
   /* print styles here, turn off logos,
   do in black and white or whatever */
   
   /* regular styles */
   

   4 của bạn thành

    
   /* print styles here, turn off logos,
   do in black and white or whatever */
   
   /* regular styles */
   

   5, sau đó thêm phần sau vào đầu tệp

   Dòng này cho trình duyệt biết rằng tệp là CSS thay vì HTML

2. Trong các tệp HTML của bạn, hãy thay đổi tham chiếu biểu định kiểu từ

    
   /* print styles here, turn off logos,
   do in black and white or whatever */
   
   /* regular styles */
   

   4 thành

    
   /* print styles here, turn off logos,
   do in black and white or whatever */
   
   /* regular styles */
   

   5. Ví dụ.

Tôi thậm chí không nhìn thấy mã. Tất cả những gì tôi thấy là tóc vàng. tóc nâu. tóc đỏ

Trong một tệp CSS thông thường, các mã màu nằm rải rác khắp trang và các màu giống nhau được sử dụng ở nhiều nơi. Trừ khi bạn có tài năng để hình dung mã màu hex, rất khó để xác định màu nào thuộc về mã nào

Mục tiêu đầu tiên của chúng tôi là đặt tên cho mã màu và xác định chúng ở vị trí trung tâm. Sau đó, nếu chúng tôi muốn thay đổi màu, chúng tôi có thể thay đổi màu đó một lần và thay đổi sẽ được lan truyền trong toàn bộ biểu định kiểu

Hãy bắt đầu với stylesheet mẫu sau

body {
 background:#fff;
 color:#333;
}
h1, h2, h3, h4 {
 color:#00840;
}
blockquote {
 color:#008400;
}

Và biến nó thành cái này

 
/* print styles here, turn off logos,
do in black and white or whatever */

/* regular styles */

0

Cố gắng nhận ra sự thật. không có thìa

Điều gì sẽ xảy ra nếu chúng ta muốn làm cho tiêu đề của mình có màu đỏ? . Hơn nữa, nếu chúng ta thay đổi

body {
 background:#fff;
 color:#333;
}
h1, h2, h3, h4 {
 color:#00840;
}
blockquote {
 color:#008400;
}

0, cả phần tử tiêu đề và phần tử khối trích dẫn sẽ thay đổi màu sắc

Chúng ta cần thay đổi cách đặt tên màu và tạo các biến theo chức năng của màu thay vì giá trị của màu

 
/* print styles here, turn off logos,
do in black and white or whatever */

/* regular styles */

0

Để biết ví dụ thực tế, phức tạp hơn, hãy đọc Nghiên cứu điển hình của tôi. Trừu tượng hóa màu sắc cho công ty Hewlett-Packard

Chúng ta phải bắt đầu với các chương trình hoạt động này trước. Đó là shit lớn nhàm chán. Hãy làm điều gì đó thú vị hơn một chút

Bây giờ, hãy tiến thêm một bước nữa và sử dụng PHP để tạo màu mới. Chúng ta sẽ bắt đầu với một màu cơ bản và một màu nổi bật, sau đó tạo một bảng màu sáng hơn và tối hơn

Lưu ý rằng văn bản không thể đọc được trên một số mẫu màu. Hãy sử dụng PHP để điều chỉnh màu nền trước, sử dụng được khuyến nghị bởi W3C

Làm cách nào để chạy PHP trong CSS?