CSS书写规范大全

前段时间有整理发表过《网站设计CSS规范必看》，今日在家中又找到关于网站CSS一些书写规则，这些都是比较习惯性的基础，当然了这文是比较详细的，这里还是给大家分享下，本文是有W3cTeam.com发表，我来稍微的整理一下，请大家转载注明一下。
一.?常规书写规范及方法
1.?选择DOCTYPE：
XHTML?1.0?提供了三种DTD声明可供选择：
过渡的(Transitional):要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下：
<!DOCTYPE?html?PUBLIC?“-//W3C//DTD?XHTML?1.0?Transitional//EN”?“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“> (more…)

站点如何布局是最好

这是初学者可能会问的问题。其实这要具体情况具体分析的：比如如果内容非常多，就要考虑用“国字型”或拐角型；而如果内容不算太多而一些说明性的东西比较多，则可以考虑标题正文型；那几种框架结构的一个共同特点就是浏览方便，速度快，但结构变化不灵活；而如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采，封面性是首选；Flash型更灵活一些，好的Flash大大丰富了网页，但是它不能表达过多的文字信息，不利SEO优化。还没有提到的就是变化型了，我只是想把这个留给各位朋友了，因为，只有不断的变化才会提高，才会不断丰富我们的网页！

导航栏的位置

导航栏能让我们在浏览时容易的到达不同的页面，是网页元素非常重要的部分，所以导航栏一定要清晰、醒目，一般来讲，导航栏要在“第一屏”能显示出来，但是有时第一屏可能会小于上面所说的435px，基于这点考虑，那种横向放置的导航栏要优于纵向的导航栏考虑，原因很简单：如果浏览者的第一屏很矮，横向的仍能全部看到，而纵向的就很难说了，因为窗口的宽度一般是不会受浏览器设置影响的，而纵向的则不确定性要大的多。 (more…)

SDCMS友情链接和新闻动态调用代码

SDCMS友情链接调用：
<dl>
{sdcms:loop top=”10″ table=”sd_link” where=”ispic=0 and ispass=1″ order=”ordnum desc,id desc”}
<dt><a href=”{url}” target=”_blank”>{title}</a></dt>
{/sdcms:loop}
</dl>
<dl>
{sdcms:loop top=”10″ table=”sd_link” where=”ispic=1 and ispass=1″ order=”ordnum desc,id desc”}
<dt><a href=”{url}” target=”_blank”><img src=”{pic}” width=”88″ height=”31″ alt=”{title}” border=”0″ /></a></dt>
{/sdcms:loop}
</dl> (more…)

IE6的兼容性问题及解决方法

啥也不说，先上代码（有图有真相，见文底）：
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>无标题文档</title>
<style type=”text/css”>
/*@set browser style:清除浏览器默认样式 */
html,body,h1,h2,h3,h4,h5,h6,hr,div,p,dl,dt,dd,ul,ol,li,form,fieldset,legend,button,iput,textarea,select,table,tr,th,td,pre,sup,address,cite,dfn,em,var,blockquote{ margin:0; padding:0}
img{ border:none;}
ul,li{ list-style:none;}
a{ text-decoration:none;}
.actFormBg{background-color:#C9F;height:25px; padding:2px 5px; background-repeat:no-repeat; float:left; margin-right:30px;}
.select94 {
background-position: -114px -42px;
cursor: pointer;
position: relative;
text-align: left;
z-index: 2; (more…)