CSS中Margin和Padding属性的区别

作者: brainu 发布于：
在修改WordPress主题的时候，经常会看到Margin和Padding，对其属性真是有点头晕，经常查询，现在有点眉目，CSS中Margin和Padding属性的区别在于margin是指层的边框以外留的空白区域，而Padding是指层的边框到层的内容之间的空白 。

Margin和padding属性的区别

  • margin：层的边框以外留的空白

  • background-color：背景颜色

  • background-image：背景图片

  • padding：层的边框到层的内容之间的空白

  • border：边框

  • content：内容

定义和用法

Margin和Padding 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。

这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。
块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。

Margin和Padding 允许使用负值。

举例说明

以Margin为例说明，Padding类似。

  • 例子 1
margin:10px 5px 15px 20px;

上外边距是 10px
右外边距是 5px
下外边距是 15px
左外边距是 20px

  • 例子 2
margin:10px 5px 15px;

上外边距是 10px
右外边距和左外边距是 5px
下外边距是 15px

  • 例子 3


margin:10px 5px;

上外边距和下外边距是 10px
右外边距和左外边距是 5px

  • 例子 4
margin:10px;

所有 4 个外边距都是 10px

可以试看一下具体效果：狠击这里

评论

发表评论

此博客中的热门博文

EndNote为参考文献分类显示

作者: brainu 发布于：
EndNote 插入参考文献时，想为参考文献分类，属于杂志Journal的文献在一起，属于Book的文献在一起等等如此，如何做？其实利用 EndNote 的Configure Categories功能可以实现这一点。 在Word中插入参考文献 先不用管分类的事，先插，插完再说。等文章完全完成后再做分类。我甚至建议在插入参考文献时选择「Convert to Unformatted Citations」，这样可以大大的提高插入文献的速度，尤其是在电脑配置低的情况下。详情可以见 EndNote在Word中插入文献时电脑变卡的解决方法 。 利用Categorize References对参考文献进行分类 插入文献文章完成后，这时可以进行分类了。 1. 选择Configure Categories 在Word的 EndNote 工具栏中选择「Categorize References」的下拉箭头，打开「Configure Categories」 2. 在新的弹出窗口中对分类进行重命名，或者添加新分类。 EndNote 默认的有两个分类，「Primary Sources」和「Secondary Sources」两个，可以通过右击分类，然后重命名为Journal，Book等，如果分类不够用，可以有通过上方「Category Headings」左侧的「+」增加新的分类。 在右上方的窗口中可以看到本文所引用的参考文献，可能通过「Referenc Type」看到文献的类型。把相同类型的文献拖到分类中。如果所有文献进行分类完毕，此时「Uncategorized References」中就无文献了，如果还有文献，说明尚有文献未进行分类。 如果确定所有文献已进行分类完毕，就可确定退出了。 具体效果如下
阅读全文 »

如何选择和阅读科技论文

作者: brainu 发布于：
作为一名研究生或者研究人员，每年可能要花费数百小时的时间 阅读科技论文 。通过 阅读科技论文 ，可以对所研究领域有个大体认识，并且能了解所研究内容的最新进展，掌握最新的研究方法和内容。 但是部分人来说 阅读科技论文 并不得法，不仅浪费了大量的精力和时间，而且最后收获却很少。如何高效阅读科技论文，并且 如何选择文献 及 如何阅读文献 ？本文作一介绍。 如何选择科技论文 现在信息发达，文献也是海量，刚开始如何选择文献阅读也是一门技巧。本站曾介绍过一些很多筛查文献质量的方法，如 利用EndNote筛查文献质量 、 利用PubMed Filters筛查文献质量 、 利用医学文献助手筛查PubMed文献质量 、 利用PubReMiner汇总分析PubMed查询结果提高查询效率 、 导出Word参考文献至EndNote并保留原Library的方法 和 利用PubReMiner汇总分析PubMed查询结果提高查询效率 。如果还是不会，可以按照以下三步法进行选择文献。 1. 利用好学术搜索引擎 本站的 常见文献检索平台或学术搜索引擎简介 和 微软学术搜索Microsoft Academic Search 曾经介绍过常用的学术搜索引擎，可能对搜索文献有所帮助。 使用 学术搜索引擎 和关键词查找最近引用最多的3－5篇文献。然后利用上述提到的阅读文献的快速阅读法进行阅读，对所研究的内容有个大体概念。然后阅读这些文献的相关研究。通过这一步你可以了解所研究内容大体情况，如果幸运的话，这一步就可以确定研究方向了，OK，继续阅读研究方向的文献即可。 2. 找出共同引文和学术大牛 如果第一步还没确定研究方向的话，那就出文献共同的引文和引文多次出现的作者。这是都是该领域的大牛和关键研究内容。下载这些关键文献，先把它们放在一边。然后上网搜索一下这些大牛，看看他们最近发表了什么。这可以帮助你确定该领域内最前沿的研究内容。 3. 去大牛主页查看研究内容 如果经过上一步还没确定研究方向和阅读哪些文献，可以去学术会议或者作者主页上看看大牛的研究进展。如何查找大牛的主页在 利用PubReMiner汇总分析PubMed查询结果提高查询效率 曾有提及。 一般经过上述三步基本可以对研究方向有个初步设想了。 如何阅读科技论文 选定了研究方向和阅读文献范围，该是如何阅读文献了。 阅读科技论文 一般分为三步，这三步的主要思...
阅读全文 »

EndNote X8 汉化版

作者: brainu 发布于：
20161201修正 根据处女座研友 @DAKE 的要求，修改一个汉化版中的不足，即左上角还显示为 EndNote X7，现在修改成 EndNote X8 了。 欢迎大家指出不足，以便在下一版本中进行修改。 EndNote X8 已发布，虽然 EndNote X8 更新的实用功能不多 ，但是对于追新族来说，诱惑力还是很大的。科研动力也因此在第一时间内对 EndNote X8 进行了汉化。 汉化的原因 有的研友说 EndNote 就没有多少英文，看看就明白，根本无需汉化。其实我也是这样认为的，但是又为何出力不讨好的进行汉化工作呢。 1. 还有很多的研友不知道如何使用 EndNote EndNote 上手还是有一定难度的，虽然正常安装和使用不出现在什么大的问题，但是偶尔也会抽风， 出现各种小问题 。 研友在面对这些问题的时候，不知道该如何处理。我在汉化的时候尽量把这些常见的问题说的更明白一些，不整一些专业术语，这样希望能对大家有些帮助。 另外界面汉化以后，中文界面使用起来还是比英文界面更清楚一些。这让我想起来一件事。曾经有问前辈出国留学，那英语也是瓜瓜的了。那时候还是 Windows XP，为了高大上，装了一个英文版的 XP。没想到走到国外，用起来很不方便，最后还是换成了中文版。因此英语再好，还是看母语相对舒服一些。 2. 为了提升检验我自己 其实如果能仔仔细细的看一遍 EndNote 的帮助文件，你会收获很大。这是我在 汉化 EndNote 帮助文件后 得出一心得。 同样在汉化 EndNote 程序的时候，也是对自己的一种提升， EndNote 的理解更深入了一些。 对于某些用词的汉化，我也是绞尽脑汁，比如「Filter」，一般指过滤器，过滤等意思，在 PS 中指的滤镜。但是在 EndNote 中没有一个合适的称谓。刚开始我翻译成「滤器」，总觉着不好听。后来经过多次比较和思索，翻译成「滤件」，我还是比较满意的。 当然这也不一定准确，诸如此类的还有「Field」，指的是域，字段，田地等等。可是在 EndNote 指的是每个参考文献各个部分内容的名称。迄今我还没有找到一个合适的中文词相对应，暂且翻译成「字段」吧。 汉化版不足 虽然从 EndNote X7 一直汉化到 EndNote X8，但是还是有很多很多的不足的。 1. 某些地方汉化不准确 一方面的原因是某些词没有前例...
阅读全文 »

EndNote X8 新功能简介

作者: brainu 发布于：
汤森路透（Thomson Reuters）于 2016 年 11 月更提供了 EndNote X8 的下载。这也是汤森路透被收购之后发布的第一个 EndNote 版本。很多研友可能跃跃欲试了，准备升级一下 EndNote。不过 EndNote X8 是因为被收购了需要一个新版本，还是 EndNote X8 的确更新了一些实用功能呢？科研动力带大家看一下 EndNote X8 到底更新了哪些功能。 X8 新功能 1. 改进兼容性 EndNote X8 支持 Windows 7，Windows 8，Windows 8.1 和最新的 Windows 10，苹果操作系统支持范围从 Mac OS X 10.10 到 Mac OS X 10.12。 Word 支持最新的 Word 2016。 2. 重新设计了图标 EndNote X8 的图标重新进行了设计，由 EndNote X7 的暖色系改成了冷色系的蓝调。 从下图就可以看出 EndNote X7 和 EndNote X8 两个版本的图标上的巨大差异。以前的图标不仅颜色改变了，而且样式也改变了。这恐怕要适应两天才行。 3. 改进查找文献更新功能 EndNote X8 改进了 查找文献更新功能 。EndNote X7 查找文献更新后，只有两个选项「Update All Fields」和「Update Empty Fields」，EndNote X8 更贴心一些，给了用户一个新的选择权利「Edit Reference」，可以自我编辑文献。 4. 改进数据库同步功能 数据库未同步时，在组面板中显示「Configure Sync …」，如果配置了同步功能，则显示为「Sync Status」。 EndNote X8 支持最多同步 100 万篇文献（这几个零我数了半天~~~），5000 个分组，5000 个群组，附件存储没有空间限制。但是可悲的是我在网页端还是没有看到二级分组功能，这有点蛋疼。分组功能是整理文献的一个重要功能，EndNote X8 最多支持二级分组，这有点少了。但是同步后在网页端却还是没有二级分组功能。 5.  组面板中添加了一个新工具 在左侧的组面板中，EndNote X8 添加了一个新的工具，可以把最近添加的文献分成几个时间段内添加的，一般有 24 小时内添加的，7 天内添加的，14 天内添加的和最近 30 天内添加...
阅读全文 »

推荐25个搜索下载电子书籍的好地方

作者: brainu 发布于：
推荐25个搜索下载电子书籍的好地方。可以下载海量电子书籍，多是PDF文件。但是如果您真的喜欢需要的书籍，就购买正版吧。 以下排名不分先后，推荐级别只是个人体会。推荐级别的衡量条件首选是书籍种类，其次是否下载方便，再次是有无广告。 1. http://en.bookfi.org/ 推荐级别：★★★★★ 该站是一个俄国的网站，但有英文版本。该站截止到今天，已有220多万种书籍，绝大多数是PDF格式。 该站的好处在于可以直接下载，无广告。 2. http://lib.freescienceengineering.org/ 推荐级别：★★★★★ 该站也是一家俄国的网站，多是PDF格式，另外一部分是PDB格式和CHM格式。可以直接下载，也无广告，但是相对于上者还是稍显麻烦一点。 3. http://www.freeeeworld.info/ 推荐级别：★ 专业书籍不多，但是杂志不少。该站下载通过网络硬盘，有广告，下载麻烦。 4. http://ebookee.org/ ，推荐级别：★★★★ 该站书籍种类丰富，基本专业书籍都可找到，唯一不好的地方就是网络硬盘存储，下载麻烦，有广告。部分网络硬盘在国内可能被墙，需要挂代理。 5. http://ebookee.org/ 推荐级别：★★★★ 该站书籍已达4万余种，但是种类还是相对较少，而且查找不方便。好处在于可以直接下载，无广告。 6. http://manybooks.net/ 推荐级别：★★★ 书籍相对较少，但是每本书籍可以多种格式可选，可以直接下载，无广告。 7. http://ebookdirectory.com/ 推荐级别：★★ 书籍种类2万多种，可以直接下载，但是搜索是调用的Google自定义搜索，查找起来并不方便。 8. http://www.getfreeebooks.com/ 推荐级别：★★ 专业书籍少，搜索不方便。 9. http://www.ebooks-space.com/ 推荐级别：★★★ 书籍种类多，但是多是他站资源，类似查询平台。 10. http://knowfree.tradepub.com/ 推荐级别：★★ 多是计算机类书籍，下载不方便。 11. http://www.freebookcentre.net/ 推荐级别：★★★★ 种类丰富，主要提供在线预览功能 12. http:...
阅读全文 »