在 PHP 中使用 CSS 样式

您所在的位置:网站首页 php修改css 在 PHP 中使用 CSS 样式

在 PHP 中使用 CSS 样式

2023-10-30 18:05| 来源: 网络整理| 查看: 265

当前位置:主页 > 学无止境 > 编程语言 > PHP > Python PHP Java Go TypeScript C++ Vba Node.js C语言 MATLAB 在 PHP 中使用 CSS 样式 作者:迹忆客 最近更新:2023/03/28 浏览次数:

本文将介绍三种方法,如何在 PHP 中使用 CSS 样式。

第一种方法是通过仅包含 PHP 的文件,第二种是将 PHP 嵌入到 HTML+CSS 文件中。 然后第三种方法将在 PHP echo 语句中使用内联 CSS。

在纯 PHP 文件中使用 CSS

标准 HTML 文件可以在 元素中嵌入 CSS 样式或链接到外部 CSS 文件。 默认情况下,此 CSS 文件将具有 css 扩展名,但也可以具有 php 扩展名。

这意味着我们可以编写 CSS 代码,将其保存为 PHP 文件并将其链接到我们的 HTML。 在这个 PHP 文件中,可以做的比在 CSS 文件中做的更多; 你可以写PHP代码。

首先,您可以定义一个 PHP 代码块,将 CSS 属性和值存储为变量。 然后在 PHP 块之外,您可以编写将变量用作 CSS 属性值的普通 CSS。

我们已经在下面完成了; 将其保存为 styles.php。

body { background-color: ; color: ; font-size: ; font-family: ; }

保存以下 HTML,并确保您已在 标记中链接 styles.php。

Webpage using CSS styles generated with PHP Hello, We styled this page using CSS in a PHP file! How cool is that?

输出结果如下:

在 PHP+HTML 文件中使用 CSS

HTML 可以通过 标签或 标签使用 CSS,它们可以在专用的 PHP 块中包含 PHP。 如果 PHP 代码生成或操作 HTML 代码,则链接的 CSS 代码可以为 HTML 设置样式。

例如,如果 PHP 提取数据库记录来制作 HTML 表格,您可以使用 CSS 设置表格样式。 为了展示如何做到这一点,在 MySQL 中创建一个名为 my_website 的数据库。

接下来,使用以下查询在 my_website 中创建一个 site_users 表。

CREATE TABLE site_users ( user_id INT NOT NULL AUTO_INCREMENT, username VARCHAR(50) NOT NULL, email VARCHAR(100) NOT NULL, PRIMARY KEY (user_id)) ENGINE = InnoDB; Insert data into the site_users table. INSERT INTO site_users (username, email) VALUES ('user_1', '[email protected]'); INSERT INTO site_users (username, email) VALUES ('user_2', '[email protected]'); INSERT INTO site_users (username, email) VALUES ('user_3', '[email protected]');

现在,在下文中,我们有 HTML、PHP 和 CSS。 CSS 在 元素中; PHP 位于 HTML 中的 PHP 块中。

PHP 使用 site_users 表中的记录创建一个 HTML 表。 当 PHP 生成表格时,CSS 将对其进行样式设置。

Style MySQL table with CSS /* This CSS will style the table generated by PHP. */ table { border-collapse: collapse; width: 30em; font-size: 1.2em; } table, th, td { border: 2px solid #1a1a1a; } td,th { padding: 0.5em; } /* Create a striped table. */ tr:nth-child(even) { background-color: #f2f2f2; } /* General body styles. */ body { display: grid; justify-content: center; align-items: center; height: 100vh; }


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3