晃悠了这么多天，终于有了感觉自我突破的进步．像什么呢．心里竟有一种在壳里啄开了一丁点天空看到光亮的感觉．．心里有只鸟，在跳．
最重要的是要走正确的路．要不，前面的虽然增加经验，但也是徒增经验而已．
阿门，瓶颈处突破，竟别有洞天．自己乐在其中．
放一点收集来的ＣＳＳ模式在这里吧．平时应该可以对自己有参考．
ＸＨＴＭＬ模式： （其中doctype选择自己用到的，其它的按需要填入就好了．．）
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
ＣＳＳ全模式一：
/* ----- IDS ----- */
#container{
}
#primaryContent{
}
#secondaryContent{
}
#navigation{
}
#footer{
}
/* ----- CLASSES ----- */
.hide{
}
.show{
}
/* ----- HEADINGS ----- */
h1{
}
h2{
}
h3{
}
h4{
}
/* ----- LISTS ----- */ li{
}
li p{
}
ol{
}
ul{
}
ol li{
}
ul li{
}
/* ----- IMAGES ----- */
img{
}
img a{
}
img a:hover{
}
/* ----- LINKS ----- */
a{
}
a:hover{
}
a:visited, a:active, a:focus{
}
a:visited{
}
a:active{
}
a:focus{
}
/* ----- FORMS ----- */
form{
}
fieldset{
}
legend{
}
label{
}
input{
}
textarea{
}
input, textarea{
}
select{
}
optgroup{
}
option{
}
/* ----- TABLES ----- */
table{
}
caption{
}
thead{
}
tbody{
}
tfoot{
}
tr{
}
tr .alt{
}
th{
}
td{
}
在这些标签里，加上恰当的id和class 即可进行控制。没有用到的话，只需删掉．
CSS模式2：（基于ＣＳＳ模式一为所有CSS选择器添加经常会用的CSS性质．）
/* ----- CSS ----- */
*{
margin:;
padding:;
font-family:;
font-size:;
}
body{
margin:;
padding:;
background:;
}
/* ----- IDS ----- */
#container{
width:;
margin:;
padding:;
background:;
text-align:;
}
#primaryContent{
position:;
float:;
width:;
margin:;
padding:;
background:;
text-align:;
}
/* ----- CLASSES ----- */
.hide{
display:none;
} .show{
display:block;
}
/* ----- PARAGRAPHS ----- */
p{
font:;
color:;
font-size:;
font-family:;
font-style:;
font-weight:;
font-variant:;
text-align:;
text-indent:;
text-decoration:;
text-shadow:;
text-transform:;
letter-spacing:;
word-spacing:;
}
/* ----- LISTS ----- */
li{
listy-style:;
list-style-type:;
list-style-image:;
list-style-position:;
float:;
margin:;
padding:;
}
/* ----- LINKS ----- */
a{
font:;
color:;
text-decoration:;
border-bottom:;
}
a:hover{
color:;
background-color:;
border-bottom:;
}
a:visited, a:active, a:focus{
color:;
background-color:;
border-bottom:;
}
HTML标记模式：（没有XHTML标记来示范，上面那些CSS选择器和性质怎么展现呢 ＾＿＾）
Untitled - Online Style Guide Template (h1)
Title : Title of this Document
Description : A description of this document that explains how this guide should be used.
Author : The Author
URL: http://url.to.reference.com
Created : Month DD, YYYY
Modified : Month DD, YYYY
Primary Content (h2)
Headline the Third (h3)
Headline the Fourth (h4)
First paragraph. In typography, a paragraph is a block of text. Paragraphs are the medium-size unit of human-language text. A group of sentences developing a single idea from a topic sentence. Some words in sentences need to be bolded, italicized, strengthened or emphasized.
Another paragraph. In typography, a paragraph is a block of text. Paragraphs are the medium-size unit of human-language text. A group of sentences developing a single idea from a topic sentence.
- Ordered List - First item.
- Another item with a link.
- Another item that is linked.
- Last item.
可适时添加和修改．总之．一切为更好的设计出发．
部分涉技术代码搜集自：
http://particletree.com/features/quick-start-your-design-with-xhtml-templates/ＰＳ：前些日子无意中发现了有做的有些简陋的ＣＳＳ在线编辑器．实用．可惜属性少了些．．如果有专门的转中文和可视化的ＣＳＳ编辑软件，那该是设计界何等幸事啊．－－－－但愿有人看到此商机，或，高手，做一个先．（其实ＤＷ的也不错．只有如此想了）．．
更多代码，以待后补．呵呵．七七，不要停顿啊．有词叫趁热打铁．．祝你在设计路上越来越少弯路．．^_^
又ＰＳ：国内的很多在遵循阿捷的重构标准．可市面上好像只有这一种了．各个网站转载，皆这个．多了就感觉不够用了．而且，现在想想，有些地方还是有些连贯不起来．特别是对我这样的小菜鸟来说．有指中心脏的地方，但稍有偏离．．
英语，英语．．急需恶补．．．
