继续昨天的折腾。

昨天有感自己内功有限，今天想稍微地加强一下。于是到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}

作者： 辛德林记

QQ 105438493 查看辛德林记的所有文章