1

我的网页中有三个内部样式表和一个外部样式表。简化的输出如下所示：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Some title</title> 

<!--This is a NORMAL external stlesheet-->

<link rel="stylesheet" type="text/css" media="all" href="http://localhost/wp-content/themes/My_Theme/css/style.css" />

<!--Will display SINGLE COLUMN instead TWO COLUMNS if no JS enabled-->  
<noscript>
<style type="text/css">
.col1{

width:100%;
margin:0px;
display:block;
position:relative;      
}
</style>
</noscript> 

<!--This is MY DYNAMIC stylesheet generated by SOME PHP-->
<style type="text/css">

#blogwrapper{   
width: 530px;
margin-left:6px;    
}
</style>

<!--This is also DYNAMIC stylesheet BUT generated WORDPRESS PHP-->
<style type="text/css" id="custom-background-css">
body.custom-background { background-color: #1e73be; }
</style>
</head>
</body>
</html>

我的页面通过了 HTML 和 CSS 验证，但我仍然怀疑以这种方式实现我的 CSS 是否正确。

所以我的问题是：我这样做是否正确（因为我正在开发一个 Wordpress 主题并且我想公开它，所以不希望我的主题被Wordpress 审查团队 拒绝）？

4

1 回答 1

0

即使可行，在 HTML/PHP 页面上编写内联样式表也总是不受欢迎。它有以下缺点：

  1. 页面代码变得冗长

  2. 样式表仅可用于特定页面。

  3. 将来为设计师更改样式表很繁琐。

因此，即使它有效，请删除内联样式表并将它们移动到单独的 CSS 文件中。JavaScript 文件也一样。

谢谢。

于 2013-05-18T19:05:00.307 回答