通过php控制css

Question

我即将开始一个新的LAMP项目。

一般来说，我制作的所有css类，特别是用于布局的，都是这样的：

.pageBoundaries{
   width:999px;
   margin:auto;
}

.onethird{
   width:333px;
   float:left;
   display:block;
}

.twothird{
   width:666px;
   float:left;
   display:block;
}

.half{
   width:499px;
   float:left;
   display:block;
}

现在，我在考虑做一个php文件来控制宽度(可能是颜色，边框等)。就像这样：

$pageWidth=999;


.pageBoundaries{
       width:<?php $pageWidth ?>px;
       margin:auto;
    }

    .onethird{
       width:<?php $pageWidth/3 ?>px;
       float:left;
       display:block;
    }

    .twothird{
       width:<?php ($pageWidth*2)/3 ?>px;
       float:left;
       display:block;
    }

    .half{
       width:<?php $pageWidth/2 ?>px;
       float:left;
       display:block;
    }

然后我可以设置这个php文件的头文件，以便浏览器将其解释为css文件。对这个计划有什么想法吗？它的利弊是什么？

通过这样做，我认为制作多色主题也是相当容易的。

Answer 1

看起来没问题，只要确保发送所有合适的HTTP报头进行缓存，这样浏览器就不会在每次请求时都下载您的CSS文件。

还可以看看SASS和LESS。它们是解决同一问题的两种不同的技术(所以选择其中一种)。他们所做的是，为你提供更多的工具来编写CSS。像变量，嵌套(这样你就不必到处重复你的选择器)，扩展，混合，函数等等，看看SASS的主页，它给了你一个很好的概述。

Answer 2

思考

这是一个有趣的想法，但可能不是最好的方法。通过PHP实现的动态CSS确实有一些很酷的优点，但我不会将其用于页面宽度。

特定的Con：

·加载速度较慢。您可以设置缓存头，使其只加载CSS一次，但仍然不是最好的方法。您必须不断地清空/无效缓存、重命名文件或添加参数。

·此外，PHP只会在页面加载时设置页面宽度值。如果页面调整大小会发生什么？(这就是为什么人们通常使用javascript而不是PHP来实现您所描述的目的)

通过PHP:很好地使用动态CSS

·如果要为某些用户或基于PHP中设置的某些变量设置特定的CSS属性。(例如为用户存储在数据库中的颜色首选项)

何时不通过PHP使用CSS：

·当需要在页面加载后更改CSS时。(例如调整浏览器窗口大小时调整/移动元素的大小--不使用百分比)

替代方案

javascript-based方法可能更好。像这样的框架为manipulating CSS和accessing the width of elements such as the document or window提供了一些很好的工具。

其他CSS工具：

SASS/SCSS和LESS也很有用。它们提供了用CSS设置变量等的工具。

Answer 3

你必须把你的css和php代码嵌入到同一个文件中。还有一件事，记住，php首先被呈现为它的服务器脚本，然后是客户端脚本，如html、js或css。