继续昨天的折腾。

昨天有感自己内功有限，今天想稍微地加强一下。于是到W3School看了半天CSS与HTML，看得感觉微有心得。

于是动手实干，却屡屡受挫，最终也不尽人意。只是意外的明白，昨天之所以背景色修改后不变，是因为我只是改动了选择器pre的背景色属性值，而未改变blockquote的背景色。这或许是因为昨日看了两个教程都说到要改变pre的属性，而2010主题的的blockquote标签路并无background属性设置。

于是当我把Twenty Ten主题的style.css增加了一行“background: #ccc;”，即变为

blockquote {
    background: #ccc;
    padding: 0 3em;
    font-style: normal;   
}

引用块即可成功地加上设置好的背景色，而无需设置pre标签，我估计这个pre可能是在加代码时可能用到。

但就是如此，效果也是不够好，我想如能把色块两边都缩进一些应该就可以了，但我加上“margin:0 3em; ”没反应，试着加上borderstyle也不行。

后把“margin:0 3em; ”修改为“margin:1 3em; ”，反而没有了填充内边距，不理解。

最后，所以，于是只搞成了现在这个状况。留待以后再蛋疼时折腾。

★从w3school抄来的

selector,selector{property:value;property:value;}
选择器selector 属性property
value,值为多单词，加引号；
declaration多声明加分号。

background-color 不能继承，其默认值是 transparent。

border边框 margin外边距/空白 padding 内边距/填充

<blockquote>定义长的引用。<q>定义短的引用。
<ol>定义有序列表。<ul> 定义无序列表。<li>定义列表的项目。 <li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。
<tr>定义表格中的行。<td>定义表格中的单元

★值复制

CSS padding 可以按照上、右、下、左(top-right-bottom-left )的顺序分别设置各边的内边距；值复制:如上与下、左与右相同，可简写为{padding: 上/下em 左/右cm}

总感觉WordPress主题2010(TwentyTen)引用块不舒服，斜体看着很不便，想改造一下。之前有看到编程随想博客弄成灰色背景很不错，就想也如此。

看WLW（windows live writer）似有插件干这——背景高亮，但不知因PC配置不佳还是.NET未装妥当，安装此插件后，一点插件就WLW就自动关闭。

又见可通过改主题代码方式，遂尝试。

先看到CSS代码中有颜色代码，好奇想搜一下代码具体表示什么颜色，结果多个网站全没此代码，疑惑中。后计算了下，7位16进制颜色代码能表示1658万种色，顿悟。

blockquote {
font-style: italic;
padding: 0 3em;
}

通过把这个italic改为normal，成功使得引用块blockquote不再成斜体，但这也效果不好，难体现出引用的效果。但想改变背景色却始终未能成功。

pre {
background: #f7f7f7;
color: #222;
line-height: 18px;
margin-bottom: 18px;
overflow: auto;
padding: 1.5em;
}

先了解到“blackground背景色，color前景色。十六进制颜色代码都是#加6个数值，只是如果12位34位56位数值都相同，可以简写为3位”，于是我觉得只要把backgrond后的颜色代码改变即可，我先换作#CCCCCC，但不起作用，我当代码问题，又换了个，还是没反应。

我考虑可能某个地方统一把背景色设置了，查了下，果然有个地方貌似：

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
}

我尝试把blockquote, pre,删除，但仍旧失败，显示反而好像有了问题，缩进更多了。搞不懂。

没点专业知识,看来搞不定这个小问题。或者索性还是换回原来的，这样手动改背景色也凑合。