参考:
http://www.w3school.com.cn
text-decoration属性:规定添加到文本的修饰。
注释:修饰的颜色由
"color" 属性设置。
说明:
这个属性允许对文本设置某种效果,如加下划线、上划线、删除线。如果后代元素没有自己的装饰,祖先元素上设置的装饰会“延伸”到后代元素中。
可能值:
- none 默认。定义标准的文本。
- underline 定义文本下的一条线。
- overline 定义文本上的一条线。
- line-through 定义穿过文本下的一条线。
- blink 定义闪烁的文本。 (IE、Chrome 或 Safari 不支持 "blink" 属性值。)
- inherit 规定应该从父元素继承 text-decoration 属性的值。(任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。)
outline 属性:
绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。
注释:
轮廓线不会占据空间,也不一定是矩形。(除了 Internet Explorer,所有浏览器都支持 outline 属性。)
outline 简写属性在一个声明中设置所有的轮廓属性。
可以按顺序设置如下属性:
- •outline-color
- •outline-style
- •outline-width
如果不设置其中的某个值,也不会出问题,比如 outline:solid #ff0000; 也是允许的。
可能值:
- outline-color 规定边框的颜色。参阅:outline-color 中可能的值。
- outline-style 规定边框的样式。参阅:outline-style 中可能的值。
- outline-width 规定边框的宽度。参阅:outline-width 中可能的值。
- inherit 规定应该从父元素继承 outline 属性的设置。
clear 属性:规定元素的哪一侧不允许其他浮动元素。
在 CSS1 和 CSS2 中,这是通过自动为清除元素(即设置了 clear 属性的元素)增加上外边距实现的。在 CSS2.1 中,会在元素上外边距之上增加清除空间,而外边距本身并不改变。不论哪一种改变,最终结果都一样,
如果声明为左边或右边清除,会使元素的上外边框边界刚好 在该边上浮动元素的下外边距边界之下。
可能值:
- none 默认值。允许浮动元素出现在两侧。
- left 在左侧不允许浮动元素。
- right 在右侧不允许浮动元素。
- both 在左右两侧均不允许浮动元素。
- inherit 规定应该从父元素继承 clear 属性的值。
overflow 属性:规定当内容溢出元素框时发生的事情。
这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。
可能值:
- visible 默认值。内容不会被修剪,会呈现在元素框之外。
- hidden 内容会被修剪,并且其余内容是不可见的。
- scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
- auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
- inherit 规定应该从父元素继承 overflow 属性的值。
text-indent:规定文本块中首行文本的缩进。
这个属性用于定义块级元素中第一个内容行的缩进。这最常用于建立一个“标签页”效果。允许指定负值,这会产生一种“悬挂缩进”的效果。
可能值:
- length 定义固定的缩进。默认值:0。
- % 定义基于父元素宽度的百分比的缩进。
- inherit 规定应该从父元素继承 text-indent 属性的值。
设置属性 text-indent: 2em 就可以让段落的第一行缩进二个字(不管字体大小是多少,空出来的都是2个字 em是单位相对于实际字体的磅值来定义长度。)
分享到:
相关推荐
text-indent text-overflow vertical-align text-align layout-flow writing-mode direction unicode-bidi word-break line-break white-space word-wrap text-autospace text-kashida-space text-justify ruby-...
CSS3 Properties 属性列表 Borders border-color border-image border-radius box-shadow Backgrounds background-origin background-clip background-size multiple backgrounds Color HSL colors HSLA colors ...
链接用图片做背景,text-indent:-9999px; 隐藏文字,此效果在 IE 中是正常的,但... 虚线框,其实就是 CSS 中的 outline 属性,这也说明 IE 和 Firefox 对于 outline 和 border 的解析范围并不一致:IE 认为虚线框就是
响应式Web开发项目教程(HTML5+CSS3+Bootstrap)第2版 第2章 CSS3文本与图标 例2-7 CSS3 outline-offset属性
The content outline to help certificate exam takers quickly understand the scope and knowledge areas and the exam points allocation percentage. The reference is also very helpful.
background:url('../img/background.jpg') #fefefe;... text-decoration:none; outline:none; color:#54a6de; } a:hover{ text-decoration:underline; } section, footer, nav{ display: block; }
SS2-B outlinepdf,提供“士林SS2-B outline”免费资料下载,供参考。
SS2-A outlinepdf,提供“士林SS2-A outline”免费资料下载,供参考。
2015年CISSP考试大纲2015年CISSP考试大纲2015年CISSP考试大纲
数据库课件总结:Database-Chapter-One-Outline.docx
数据库课件总结:DataBase-Chapter-Two-Outline.docx
数据库课件总结:Database-Chapter-Seven-Outline.docx
数据库课件总结:Database-Chapter-Three-Outline.docx
数据库课件总结:Database-Chapter-Four-Outline.docx
数据库课件总结:Database-Chapter-Six-Outline.docx
安装npm install --save-dev gulp-svg-outline-stroke 用法const outlineStroke = require ( 'gulp-svg-outline-stroke' ) ;gulp . src ( '**/*.svg' ) . pipe ( outlineStroke ( ) ) . pipe ( gulp . dest ( './...
html5-dot-outline.zip
text-overflow(文本截断) border-radius(圆角边框) opacity(不透明度) box-sizing(控制盒模型的组成模式):指定两个boxes接壤 resize(元素缩放):指定一个div元素,允许用户调整大小 outline(外边框) ...