当我看到网站入门代码和示例时,CSS总是在一个单独的文件中,名称类似于"main.css","default.css"或"Site.css".但是,当我编写一个页面时,我经常试图将CSS与DOM元素内联,例如在图像上设置"float:right".我觉得这是"糟糕的编码",因为在例子中很少这样做.
我知道如果样式将应用于多个对象,那么遵循"不要重复自己"(DRY)并将其分配给每个元素引用的CSS类是明智的.但是,如果我不在另一个元素上重复CSS,为什么不在编写HTML时内联CSS呢？
问题:使用内嵌CSS被认为是坏的,即使它只会用在那个元素上？如果是这样,为什么？
示例(这很糟糕吗？):
<img src="myimage.gif" style="float:right" />
我有一个像这样的样式表链接
<link href="css/<? echo $theme;?>/styles.css" rel="stylesheet" type="text/css" />
在CSS内部,我希望能够回显db输出的背景图像
body{ background-image:url(../../images/<?php echo $theme.'/'.$background;?>);}
我尝试将以下内容添加到页面的开头,但它只是输出html代码中的所有内容
<? header ("Content-type: text/css");?>
我相信这有一点,有人可以建议最好的行动方案吗？
提前致谢
我有CSS文件,我想以PHP可变格式引用该文件中的一些图像路径.然后我在html文件中引用该css文件.以下是我的档案
CSS文件
<? header ("Content-type: text/css");?>
body{ margin:0px; font:9px/11px "Tahoma", Arial, Helvetica, sans-serif; color:#010000;
background:#f3f6e1 url(<?php echo base_url().'public/';?>images/body_bg_1.gif) repeat-x 0 0}
HTML文件
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" href="css/layout.css" media="screen">
</head>
其他事情.你能解释一下怎么做吗？