内联样式和链接冗余样式表哪个更好?我所说的冗余是指,当您想为不同的结果生成不同的输出时,这可能意味着css标记中的特定标记有许多不同的样式。
将样式分隔到样式表中几乎总是比内联style
属性更可取。您可以在PHP输出中为标记分配类,然后在CSS样式表中对其进行样式化。通过修改样式表,可以轻松地重新设计标记类型或类的所有元素的样式。
如果您希望使用相同的HTML标记为不同的屏幕/设备类型(如移动设备)生成不同的视觉样式,则单独的样式表也至关重要。
标签是标签是标签。它在客户端。客户端不知道标签是由PHP、。net创建的,或者是在月球上敲键盘的人创建的。
使用样式表和类名。最好使用外部样式表,以便浏览器可以在后续页面加载时缓存它。
<div class="...."></div>
div.happy {
color:#00ff00
}
div.sad {
color:#ff0000
}
总是使用链接样式,当你想要制作模板时,它很有用,因为它会去缓存你的页面会打开得更快,你也会在搜索机器人上得分更多(例如。Googlebot),你的页面可以排名更高
链接使用
<link type="text/css" rel="stylesheet" href="http://yourURL/css/styles.css" media="screen" />
php可以为你输出HTML,你可以为它应用CSS
echo '<div id="something"><a class="link"><span><h1>text</h1></span></a></div>";
,你可以使用
#something {
font-size:10px;
}
.link{
color:#333
}
a.class{
font-weight:bold;
}
a span {
text-align:right;
}
h1{
color:red
}