我有三个内部样式表和一个外部样式表在我的网页。简化后的输出如下所示:
<!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审核团队拒绝) ?
在HTML/PHP页面上编写内联样式表总是不受欢迎的,即使它有效。它有以下缺点:
-
页面代码变得冗长
-
样式表只适用于特定的页面
-
在将来为设计者更改样式表是很繁琐的目的。
谢谢。