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

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

评论

发表评论

此博客中的热门博文

PDF-XChange Viewer Pro (2.5.322.8) 中文绿色增强特别版

作者: brainu 发布于：
PDF-XChange Viewer Pro version 2.5.322.8 发布于 2018 年 1 月 23 日，是 PDF-XChange Viewer 最后一个版本。今后 PDF-XChange Viewer 就被 PDF-XChange Editor 所代替。本次提供给大家的是中文绿色特别增强版。@howsci PDF-XChange Viewer 始终以最小的体积，最快最可靠的性能为用户创建世界最佳的 PDF 全能软件。它采用领先的优化和压缩技术、高级内存管理支持对 PDF 进行查看、创建、转换为 Office 文档、添加编辑或修改、提取 PDF 图像、文本、为 PDF 文档添加水印、直接扫描到 PDF 等全能操作。 本版特点 1. 绿色便携，无需安装，解压即可使用； 中文界面； 特别版，可选择使用免费版或者升级为 Pro 版； 支持 32 位和 64 位操作系统。 使用方法 PDFX_Vwr_Port 压缩文件中为主程序，解压到一个目录中。建议不要直接解压到根目录或者解压到当前文件夹，建议解压到一个特定文件夹，如 PDFXCview。此时是免费版，有一定广告，功能上有一定限制，但是一般使用无压力。 PDFX_Vwr_Port_OCR 压缩文件中为 OCR 识别文件，解压到 PDF-XChange Viewer 的目录文件即可使用文字识别。 Howsci.com_PDFXChange_Viewer_PRO_Crack 压缩文件中是破解论据，根据自己操作系统的不同，复制 X86 或者 X64 文件夹内的文件到 PDF-XChange Viewer 程序目录，替换 PDFXCview.exe 即可。注：如果是32 位操作系统，复制 X86 里面的文件，如果是 64 位操作系统，复制 X64 文件夹内的文件。 下载地址 https://howsci.pipipan.com/fs/1583321-237058340 链接: https://pan.baidu.com/s/1jJyUD18 密码: a1un
阅读全文 »

EndNote在Word中插入图表方法

作者: brainu 发布于：
EndNote可以直接在Word中插入图表，插入图的方法已 扒一扒EndNote的附件功能 中说明过，本文就EndNote如何在Word中插入表格详细说明一下。 利用Excel建立表格 使用EndNote的插入表格功能需要先在Excel中建立好表格，建立表格的方法就不多说了。利用我们先建立好了一个表格「工作簿1.xlsx」 添加表格附件 利用附件功能在「Figure」部分添加附件「工作簿1.xlsx」，并在「Caption」部分给这个表格说明一下，即表格的表头说明文字。 在Word中插入表格 找开Word，选择EndNote工具栏，选择「Insert Citation」下拉箭头，打开插入文献类型，选择「Insert Figure」 然后在弹出的对话框中输入表格的名称，然后查找找到相应图片，插入即可。 具体效果如下
阅读全文 »

如何在网上找到一名专家的简历

作者: brainu 发布于：
今天看到网友 @ 秦迪 的留言，问「美国教育家埃弗森简介有人知道吗，真的找不到。提出了课堂管理的。」 其实找一个普通人的简历还真不太好找，但是找一名知名专家的简历还是比较好找的。下面说说如何查找专家的简历。 我们来看这个问题，提供了如下几个信息。 名字叫埃弗森，但也可能翻译错误，因为我们知道美国有个知名篮球明星就叫「艾弗森」。所以在不知道原来英文名字的情况下，我们暂且认为这个专家就叫埃弗森吧。 关键词：美国教育学家 提出了一个理论或者研究对象是课堂管理的。 现在我们就知道这三点。如果我想找某个人，可能所知道的线索可能比这还要多。 下面我们来借助搜索，不要度娘，度娘这辈子可能都找不到。也不需要bing，因为bing中文就是中文，英文就是英文。我们需要借助伟大的Google同学。 在google里输入关键词「美国教育家埃弗森 课堂管理」搜搜看。出来的结果如下 从这个搜索结果中我们可以推测到， 埃弗森真名可能叫「Evertson,C」，有一本著作叫「有效地管理你的课堂——小学教师的课堂管理」，其他有用的信息较少。这本书还有另外两名作者，一个叫「emmer,e」。 我们再找个关键词搜索一下。以关键词「evertson,c emmer,e」进行搜索，发现 埃弗森 应该叫「Carolyn M. Evertson」进行搜索，有用的信息更多了。 比如 Carolyn M. Evertson Vanderbilt University | Vander Bilt · Department of Teaching and Learning 这更清楚了， Carolyn M. Evertson 是 Vanderbilt University 教授，教学与研究系。继续增加这些关键词，可以找到这么一个网页（https://www.comp.org/ProgLeadership.html）。 简历差不多就这些了吧。甚至我们可以找到范德堡大学的主页，进一步搜索该教授的信息，会发现更多有用的信息，在此不多说了。 比如 carolyn.evertson@vanderbilt.edu (615) 343-0955 Wyatt Center 65 VU Mailbox: 541 总之，找一知名人的简历并不是难事。如我们前面说过的， ...
阅读全文 »

MEDLINE，EMBASE，PubMed，PMC，OVID的区别和联系

作者: brainu 发布于：
平时接触最多的是MEDLINE， EMBASE， PubMed，PMC和OVID，它们之间有何区别和联系？网上有一些介绍，但是都太零散。其实这几个之间有区别也有联系，简言之 MEDLINE 和 EMBASE 是数据库，而 PubMed 和 OVID 是检索平台 。 MEDLINE MEDLINE是一个数据库，是美国国立医学图书馆（ The National Library of Medicine ， NLM ）生产的国际性综合生物医学信息书目数据库，是当前国际上最权威的生物医学文献数据库。内容包括美国「医学索引」（Index Medicus，IM）的全部内容和「牙科文献索引」（Index to Dental Literature）、「国际护理索引」（International Nursing Index）的部分内容，涉及基础医学、临床医学、环境医学、营养卫生、职业病学、卫生管理、医疗保健、微生物、药学、社会医学等领域。MEDLINE收录1966年以来世界70多个国家和地区出版的3400余种生物医学期刊的文献，近960万条记录。目前每年递增30-35万条记录，以题录和文摘形式进行报道，其中75%是英文文献，70%-80%文献有英文文摘。 EM BASE EMBASE数据库全称Excerpta Medica Database，由荷兰爱思唯尔（Elsevier）公司出版，是印刷型检索工具Excerpta Medica（荷兰《医学文摘》）的电子版，也是最重要的生命科学文献书目型数据库之一。 EM BASE.com EMBASE.com（如果没有购买的话，会直接跳到了 http://www.elsevier.com/online-tools/embase ）是EMBASE与MEDLINE强强联合而成的生物医学与药理学信息专业检索引擎。EMBASE.com将1974年以来的EMBASE生物医学记录与1966年以来的MEDLINE记录相结合，囊括了70多个国家/地区出版的7000多种期刊，覆盖各种疾病和药物信息，尤其涵盖了大量欧洲和亚洲医学刊物，是其它同类型数据库所无法匹敌的，从而真正满足生物医学领域的用户对信息全面性的需求。内容涵盖了整个临床医学和生命科学的广泛范围。 Embase.com 事实与特征 来自70个国家的7000多种期刊 1800多万条E...
阅读全文 »

Endnote X7 新功能简介

作者: brainu 发布于：
Endnote X7 新功能简介。Endnote X7 2013年发布了，此次升级更新了很多内容，主要是加强了全文管理功能，包括PDF自动导入与自动命名、参考文献群分组功能。下面介绍一下Endnote X7 的主要更新功能。 PDF自动导入：PDF Auto Import Folder 以前可以通过File-Import-File或Fold功能导入文献或者目录。此次Endnote X7的PDF自动导入更省事。可以为Endnote X7指定一个文件夹，只要该文件夹的新的PDF下载，Endnote X7就可以自动导入，完全不用人干预。省事吧！连手动导入都省了。 具体设置 进入Edit→Preferences-PDF Handling，选择Enable automatic importing。在弹出的新窗口中选择自动导入的文件夹，然后确定即可。       只要今后该文件夹内有新文献存入，Endnote X7 就可以自动导入新的文献。 但是注意Endnote X7 不能自动导入完整的资料，有时可以缺少部分内容，如摘要或者页码等等。此时需要手动补齐。因此我个人还是建议在线搜索然后添加附件为最佳。 PDF自动重命名：PDF Auto Renaming Options 以前通过File-Import-File或Fold功能导入的文献或者通过File Attachments添加的附件，PDF文件名都以原始名称。这样做的坏外有很多，因为很多下载的文章名称都是一些无意义的名字，如数字和字母的组合。在Endnote存档文件夹内也是以这些名字命名的。因此找起来很不方便。谁知道一串数字和字母下面的文献是什么内容。需要一个个的打开看看才知道。 此处Endnote X7升级更新了可以自动重命名功能：PDF Auto Renaming Options。可以根据设定的规则自动重命名新添加的PDF文档。 具体设置 Edit-Preferences-PDF Handling，即可选择自动重命名方式。可以根据自己的喜好选择重命名方式，如上Author + Year，今后导入的文献就会均以作者+发表年代命名。 但是此功能仅限于设置了PDF Auto Renaming Options功能之后导入的PDF，以前导入的PDF无效。 PDF导入自动分组：PDF Import &...
阅读全文 »