CSS outline 属性

CSS outline （轮廓）是一个简写属性，用于围绕元素外部绘制一条线。它与 a:focus 选择器结合使用特别有用，可以更加强调链接或其他元素。

outline 与 border 相似，不同之处在于 outline 在整个元素周围画了一条线；它不能像 border 那样，指定在元素的一个面上设置轮廓，也就是不能单独设置顶部轮廓、右侧轮廓、底部轮廓或左侧轮廓。

outline 简写属性可以用一个、两个或三个值声明，并且它们的顺序可以任意更换。例如：

这里需要注意两点：

outline 属性是由三个单独属性组成的缩写，用于定义轮廓的颜色、宽度和样式。我们将在下面逐一探讨。

定义要绘制的线的厚度。其值可以是任意长度值，也可以是以下任意关键字：

outline-style 定义要绘制的线的类型。它的值可以是以下任何关键字：

设置 outline 的文字部分和装饰部分的颜色。它可以通过关键字、十六进制值、RGB/RGBA 值和 HSL/HSLA 值来指定。

如果[浏览器支持]( https://caniuse.com/?search=outline-color%3A invert)，其默认值为 invert ；否则，其默认值为 currentColor 。

尝试打开任何网站上的控制台并运行以下内容：

你们会看到很多网站都是这样的结构：

默认情况下， outline 用于 :focus 样式。但请记住，如果删除轮廓样式，例如： a:focus { outline: 0} ，您需要使用其他视觉上不同的样式将它们添加回来。

在浏览器里，当鼠标点击或使用Tab键让一个链接或者一个radio获得焦点的时候，该元素将会被一个轮廓虚线框围绕。这个轮廓虚线框就是 outline 。

outline 能告诉用户那一个可以激发事件的html元素获取了焦点，对钟爱键盘 *** 作的用户尤其有意义。一个清晰悦目的outline设计能提高使用表单的用户体验。 另一方面，outline 也有些讨厌的地方，比如使用CSS设计的Tab(标签页)时，选择一个Tab之后，Tab上的轮廓虚线会一直显示，有些影响美观。

CSS 的 outline 属性允许我们改变这个默认的轮廓虚线框效果。其配套的相关属性包括：

outline

outline-width

outline-style

outline-color

outline-offset

其中第一个 outline 是速写(shorthand)形式，格式为： outline: outline-color || outline-style || outline-width

如果想让链接获取到焦点时更醒目，可以设置轮廓线条为红色，outline 属性的设计可能如下：

a { outline-color: red}

而如果想去掉影响美观的Tab上的轮廓线条，outline属性可如下设置：

.active-tab , img , a { outline: none}

outline in browsers

直到最新的IE7 beta2，MS的IE还不支持 outline CSS属性，不过IE为HTML元素扩展了一个 hideFoucs 属性，所有能获得焦点的元素如果添加 hideFoucs="true" 属性，那么它们获得焦点时虚线框将被不出现。比如MSDN里的例子:

<button>button with rectangle</button>

<!-- 其实hideFocus="false"同hideFocus="true"一样的效果，IE只要发现存在hideFocus属性即生效，这样写是为了兼 容XHTML的属性必须有值的规范 -->

<button hideFocus="true">tton without rectangle</button>

Firefox1.5提供了全面的outline支持。早期的Firefox 1.0.x 版本据说可以使用Mozilla的独有扩展 -moz-outline，不过我想现在几乎找不到什么不升级到Firefox 1.5的理由了。 另外Opera9 beta似乎还不支持。

更多浏览器支持信息可以从QuirksMode 找到。

outline 与 border 的区别

border 可应用于几乎所有有形的html元素，而 outline 是针对链接、表单控件和ImageMap等元素设计。从而另一个区别也可以推理出，那就是： outline 的效果将随元素的 focus 而自动出现，相应的由 blur 而自动消失。这些都是浏览器的默认行为，无需JavaScript配合CSS来控制。

另外从 CSS的十八般技巧 一文中还读到的一个区别就是： outline 不会象border那样影响元素的尺寸或者位置。

去除焦点虚线：

style="outline:medium none" hidefocus="true"

英语论文提纲outline格式：

1、论文题目：要求准确、简练、醒目、新颖。

2、目录：目录是论文中主要段落的简表。（短篇论文不必列目录）

3、提要：是文章主要内容的摘录，要求短、精、完整。字数少可几十字，多不超过三百字为宜。

4、关键词或主题词：关键词是从论文的题名、提要和正文中选取出来的，是对表述论文的中心内容有实质意义的词汇。关键词是用作机系统标引论文内容特征的词语，便于信息系统汇集，以供读者检索。 每篇论文一般选取3-8个词汇作为关键词，另起一行，排在“提要”的左下方。

主题词是经过规范化的词，在确定主题词时，要对论文进行主题，依照标引和组配规则转换成主题词表中的规范词语。

5、论文正文：

引言：引言又称前言、序言和导言，用在论文的开头。 引言一般要概括地写出作者意图，说明选题的目的和意义, 并指出论文写作的范围。引言要短小精悍、紧扣主题。

论文正文：正文是论文的主体，正文应包括论点、论据、 论证过程和结论。主体部分包括以下内容：提出-论点；分析问题-论据和论证；解决问题-论证与步骤；结论。

6、一篇论文的参考文献是将论文在和写作中可参考或引证的主要文献资料，列于论文的末尾。参考文献应另起一页，标注方式按《GB7714-2005文后参考文献著录规则》进行。中文：标题--作者--出版物信息（版地、版者、版期）：作者--标题--出版物信息

所列参考文献的要求是：所列参考文献应是正式出版物，以便读者考证。所列举的参考文献要标明序号、著作或文章的标题、作者、出版物信息。论文提纲也可以用最简单的格式和分类，简单明了地说明论文的目的、依据和意义，甚至是两句话。

这种提纲往往是用于科学论文，而且在对于各种概念有相互联系而不是孤立的出来讨论的情况下。如果总要分出1、2、3......点来写的话，往往会变成“八股文”的模式，这样的论文往往是应付式的论文，其真正的科学价值会大打折扣。

扩展资料：

通常情况下，撰写论文提纲有5大要求：

1、要有全局观念，从整体出发去检查每一部分在论文中所占的地位和作用。看看各部分的比例分配是否恰当，篇幅的长短是否合适，每一部分能否为中心论点服务。比如有一篇论文论述企业深化改革与稳定是辩证统一的，作者以浙江××市某企业为例，说只要干部在改革中以身作则，与职工同甘共苦，可以取得多数职工的理解。

2、从中心论点出发，决定材料的取舍，把与主题无关或关系不大的材料毫不可惜地舍弃，尽管这些材料是煞费苦心费了不少劳动搜集来的。有所失，才能有所得。一块毛料寸寸宝贵，舍不得剪裁去，也就缝制不成合身的衣服。

为了成衣，必须剪裁去不需要的部分。所以，我们必须时刻牢记材料只是为形成自己论文的论点服务的，离开了这一点，无论是多少好的材料都必须舍得抛弃。

3、要考虑各部分之间的逻辑关系。初学撰写论文的人常犯的毛病，是论点和论据没有必然联系，有的只限于反复阐述论点，而缺乏切实有力的论据有的材料一大堆，论点不明确；有的各部分之间没有形成有机的逻辑关系，这样的论文都是不合乎要求的，这样的论文是没有说服力的。

为了有说服力，必须有虚有实，有论点有例证，理论和实际相结合，论证过程有严密的逻辑性，拟提纲时特别要注意这一点，检查这一点。

4、论文的基本结构由序论、本论、结论三大部分组成。序论、结论这两部分在提纲中部应比较简略。本论则是全文的重点，是应集中笔墨写深写透的部分，因此在提纲上也要列得较为详细。本论部分至少要有两层标准，层层深入，层层推理，以便体现总论点和分论点的有机结合，把论点讲深讲透。

5、安排好论文的篇幅。如全文大约多少字，各部分大约多少字。有了这个安排，写作时就可以更有计划，避免东拉西扯，离题太远。至于一篇论文到底以多长篇幅为好，这并无规定。一般说来，篇幅过短，难以把问题分析得深刻、透彻。

同样，洋洋数万言的论文也不容易写好，很容易变成资料的堆砌，杂乱无章。从当前教育科研的实际情况来看，一篇论文的篇幅一般以四千到八千字左右为好，这也比较符合阅读者的心理。

参考资料来源：百度百科-论文提纲

---