Thay đổi phong cách trong php

PHP không có chức năng tích hợp để thay đổi kích thước phông chữ hoặc màu sắc. Chúng ta có thể sử dụng HTML và CSS với PHP để thay đổi kích thước phông chữ và màu sắc

Hướng dẫn này trình bày cách thay đổi kích thước phông chữ và màu sắc bằng PHP

Thay đổi cỡ chữ và màu sắc bằng PHP

Chúng tôi có thể lặp lại thẻ HTML bằng CSS để thay đổi kích thước phông chữ và màu sắc của văn bản

Ví dụ

";

//Change the fontsize using PHP, HTML and css through echo
echo ' ' . $string.  ', New Page';

//Change the font color using PHP, HTML and css through echo
echo "
";
echo ' ' . $string.  ', New Page';
?>

Đoạn mã trên in ba chuỗi. Một với kích thước và màu gốc, thứ hai với cỡ chữ 50px và thứ ba với màu phông chữ đỏ

Khi mọi người được hỏi về các tính năng mà họ muốn CSS, "các biến" dường như luôn xuất hiện. Đây có phải là một ý tưởng tốt hay không vẫn là điều mà cá nhân tôi chưa quyết định, nhưng tôi nghiêng về phía có. Bất kể, sử dụng PHP, việc sử dụng các biến trong CSS rất dễ dàng. Đây chắc chắn không phải là một thủ thuật mới, nhưng tôi chưa bao giờ đề cập cụ thể về nó nên tôi nghĩ mình nên

Phong cách. php

Thay vì sử dụng. phần mở rộng tệp css, sử dụng. php

loại nội dung

Ở đầu phong cách mới của bạn. tệp php đặt loại Nội dung trở lại CSS

Thiết lập các biến

Bây giờ bạn có thể thiết lập các biến cho bất cứ thứ gì bạn thích

sử dụng các biến

Bên dưới tất cả những thứ PHP đó, bạn chỉ có thể bắt đầu viết CSS thông thường, chỉ bạn mới có thể trộn một số PHP để tạo ra các biến đó

#header {
   background: url("/images/header-bg.png") no-repeat;
}
a {
  color: ;
}

...

ul#main-nav li a {
  color: ;
}

Mở rộng sức mạnh / Ý tưởng khác

• Trong khi bạn đang ở đó, cũng có thể nén CSS bằng PHP
• Về mặt lý thuyết, bạn có thể lấy tác nhân người dùng và cố gắng thực hiện CSS dành riêng cho trình duyệt, nhưng điều đó có rất nhiều vấn đề và không được khuyến nghị
• Kéo ngày/giờ và có thể thay đổi một số nội dung trên trang web của bạn cho các mùa hoặc thời gian khác nhau trong ngày
• Tạo một số ngẫu nhiên, kiểm tra kết quả, sử dụng nó để đặt hình nền ngẫu nhiên trên tiêu đề của bạn

Không làm việc?

Tôi đã thực hiện một trang thử nghiệm hoàn toàn tĩnh và nó hoạt động tốt, sau đó tôi đã thử kỹ thuật tương tự này trong một trang web WordPress và không có con xúc xắc nào. Giải pháp cho tôi là để lại tệp có tên style. css và sử dụng. htaccess để phân tích nó dưới dạng PHP. Chỉ cần chắc chắn rằng mã này là trong. htaccess (chỉ dành cho máy chủ Apache) ở cùng cấp thư mục với tệp CSS. Sau đó, chỉ cần sử dụng PHP bên trong nó như bất kỳ tệp PHP nào khác

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 style.css của bạn thành style.php, 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ừ style.css thành style.php. 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

body {
 background:;
 color:;
}
h1, h2, h3, h4 {
 color:;
}
blockquote {
 color:;
}

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;
}

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

body {
 background:;
 color:;
}
h1, h2, h3, h4 {
 color:;
}
blockquote {
 color:;
}

Để 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 để thay đổi kiểu bằng PHP?