Cách thay đổi css bằng PHP

Trong hướng dẫn này, tôi sẽ chỉ cho bạn những điều cơ bản về cách tạo biểu định kiểu CSS động bằng PHP. Trong một số trường hợp nhất định, bạn có thể muốn hiển thị động một màu hoặc kiểu dựa trên một giá trị trong cơ sở dữ liệu của bạn hoặc tệp cấu hình. Ví dụ. Người dùng trang web của bạn có thể chọn màu nền cho hồ sơ của họ

Hãy cùng xem một ví dụ đơn giản về tệp PHP xuất ra CSS

/** CSS begins **/
body{
    background-color: ;
    color: ;
}

Giải trình

1. Chúng tôi đặt loại nội dung thành văn bản/css. Điều này cho trình duyệt biết rằng đầu ra sẽ được hiểu là CSS. Chúng tôi cũng đặt bộ ký tự thành UTF-8
2. Chúng tôi đã tạo hai biến PHP. $backgroundColor, chứa giá trị hex cho màu nền của chúng tôi và $textColor, chứa giá trị hex của văn bản của chúng tôi. Đối với ví dụ này, tôi đã sử dụng “#000000” [màu đen] cho nền và “#FFFFFF” [màu trắng] cho màu văn bản
3. Sau đó, chúng tôi xuất một số CSS như bình thường, điền vào chỗ trống bằng các biến PHP của chúng tôi

Đây là một ví dụ về trang HTML bao gồm biểu định kiểu PHP

    
        
        
        Example
    
    
        Hello world!
    

Như bạn có thể thấy, chúng tôi chỉ đơn giản bao gồm phong cách. php như thể nó là một tệp CSS. Lưu ý rằng bạn sẽ phải thay đổi phần mở rộng của tệp bằng mod_rewrite nếu bạn muốn tên tệp chứa một. phần mở rộng css thay vì một. php [nếu bạn thực sự nghiêm túc về việc triển khai biểu định kiểu động do PHP xuất ra, thì đây có lẽ là cách tốt nhất để thực hiện, vì các trình duyệt cũ hơn có thể không chấp nhận phần mở rộng này]. phần mở rộng php]

Nếu bạn chạy ví dụ trên, bạn sẽ thấy rằng trang web có màu nền đen và văn bản màu trắng có nội dung “Xin chào thế giới. ”

Với một chút PHP, bạn có thể thêm một lớp logic bổ sung vào CSS của mình. Bạn có thể chọn thêm tính thời vụ vào trang web của mình hoặc thay đổi hoàn toàn bố cục. Bạn chỉ bị giới hạn bởi trí tưởng tượng của bạn

Ước tính thời gian đọc. 3 phút

Mục lục

Một ví dụ

Giả sử khách hàng yêu cầu một màu nền khác cho trang web vào cuối tuần. Ý tưởng là từ thứ Hai đến thứ Sáu, nền màu xám được hiển thị và sau đó vào cuối tuần, nền màu cam được hiển thị

cách đơn giản

Cách đơn giản là sử dụng một chút PHP để phục vụ tệp CSS ngày trong tuần hoặc tệp PHP cuối tuần nếu đó là cuối tuần. Trong các tệp CSS, bạn chỉ cần chỉ định một màu nền khác

@import \"/css/weekend_screen.css\";";    
}
else {
    // No it is the week
    echo "";
}
?>

Một cách phức tạp nhưng phức tạp hơn là yêu cầu máy chủ diễn giải các tệp CSS dưới dạng PHP. Điều này mở ra cả một thế giới khả năng. Để làm điều này, bạn cần thêm các dòng sau vào. tập tin htaccess. Nếu bạn không biết những gì một. htaccess là gì, bạn có thể tìm hiểu về nó tại đây. Thêm cái này vào của bạn. tập tin htaccess

 AddType application/x-httpd-php .css 

tệp CSS

Để đảm bảo rằng các trình duyệt nhận dạng tệp CSS là CSS, hãy đảm bảo bạn thêm dòng sau vào đầu tệp CSS của mình

Thats tất cả để có nó. Bây giờ bạn có thể tự do sử dụng PHP trong CSS của mình. Nếu bạn biết sức mạnh của CSS, bạn sẽ biết mình có thể làm được những gì. Nếu không tôi đề nghị bạn có một cái nhìn tại

Truy cập CSS Zen Garden để xem cách bạn có thể thay đổi giao diện của trang web chỉ bằng CSS. Cùng với PHP, bạn thậm chí còn có nhiều khả năng hơn

Một vài ý tưởng

Sử dụng PHP với CSS thực sự bị giới hạn trong trí tưởng tượng của bạn nhưng đây là một số ví dụ mà tôi có thể thấy hoạt động tốt

thiết kế cuối tuần

Như trên, bạn có thể thay đổi giao diện trang web của mình tùy thuộc vào ngày trong tuần. Bạn có một ngày sử dụng PHP và đặt các quy tắc CSS phù hợp

tính thời vụ

Bạn có thể thay đổi giao diện trang web của mình tùy thuộc vào thời gian trong năm. Bạn nhận được tháng sử dụng PHP và đặt quy tắc CSS phù hợp

Bộ chuyển đổi kiểu

Bạn có thể cho phép người dùng thay đổi giao diện trang web của mình. Người dùng đặt cookie có lựa chọn và tệp CSS hoặc quy tắc được cung cấp tương ứng

Phản hồi các trình duyệt khác nhau

Nhận biết trình duyệt nào đang được sử dụng và phản hồi tương ứng. PHP có thể khám phá trình duyệt nào đang được sử dụng

Tôi sẽ chơi với cái này một chút nên nếu tôi thấy bất cứ điều gì hay, tôi sẽ đăng nó. Nếu bạn có bất kỳ kinh nghiệm nào về việc sử dụng phương pháp này, vui lòng để lại nhận xét bên dưới

Ngày 19 tháng 6 năm 2020 bởi Brian888

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

Sự khác biệt giữa printf và sprintf PHP

Vòng lặp PHP thông qua bảng CSV và in ra

Làm cách nào để thay đổi kiểu CSS trong PHP?