最近几日网站改版加上周围人也热火朝天搬家,又开始了和css拼搏的时间!
这次终于可以把废柴二的滚动条改出来了.
一般来说,滚动条的设置都放在body{ }里,不过在FC2里就通常行不通.
这个时候就要加上一个[初期化]的项.表示为*{ }.放在所有css项的最前面.
比如这个blog正在用的代码就是:
* {
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: #336666;
scrollbar-track-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-base-color:#FFFFFF;
}
什么别的都不要管,直接把它放最开始一放即可.
另外,初期化*{ }里还可以规定margin以及padding之类,等于除了背景字符什么的,一般放在body{ }规定的都而可以用进来,这样就不会被后边繁杂的设定所干扰了.
这样类推,blog各个div里所需规定的东西就差不多一样,便也可以用另一种方法归纳总结css.
即把要规定的内容提出来下面分列上不同div的安排,如:
链接集:
a{cursor:crosshair;}
a:link{color:#663366;text-decoration:none;}
a:active{
cursor:crosshair;
color:#663333;
tex-decoration:none;
}
a:visited{color:#663366;text-decoration:none;}
a:hover{
cursor:crosshair;
color:#663333;
border-width:0px 0px 1px 0px;
}
h1 a:link { color: #666666;}
h1 a:visited { color: #666666;}
h1 a:active { color: #999999;}
h1 a:hover { color: #999999;}
宽度控制:
#WRAPPER { width:650px;}
#MAIN { width:630px;}
.comment_post_table { width: 100%;}
.comment_post_talble_title { width: 80px;}
.comment_edit_table { width: 100%;}
.comment_edit_talble_title { width: 80px;}
背景颜色:
body {
background-color: #FFFFFF;
background-image:url("http://fifteen.huming.com/15/img/bgy.jpg");
background-repeat : repeat-y;
background-attachment : fixed;
background-position : left top;
}
#COMMENT { background-color: #EFEFEE;}
#TRACKBACK { background-color: #EFEFEE;}
blockquote { background-color: #EFEFEE;}
项目可以多加细分.但也不意味着变复杂,这个方法可以整理出重复规定的东西,字体也可能只规定一次就结束.
缺点也是显而易见的,从头创建的话梳理起来太困难了.
但是修改的时候,目标就很明确,不用再在一堆代码里迷路了.
...以上,这几日奋斗的心得.
