参考:
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-...
注意:`type`属性通常设置为`"text/css"`来指定CSS类型。 3. **内联样式(Inline Styles)**: 直接将样式属性添加到HTML元素上,使用`style`属性。这种方法适用于个别特殊情况下的快速样式调整,但不推荐作为主要...
- `bottom`, `clear`, `clip`, `cursor`, `display`, `float`, `left`, `overflow`, `position`, `right`, `top`, `vertical-align`, `visibility`, `z-index` 等用于元素定位和交互。 - `orphans` 和 `widows` 控制...
- `text-decoration`:文本装饰,如下划线。 - `text-shadow`:文本阴影。 - `letter-spacing`:字符间距。 - `word-spacing`:单词间距。 - `text-transform`:文本转换,如大写或小写。 - `white-space`:空白符...
### CSS 速查表知识点详解 #### 一、盒子模型(Box Model) 在网页设计中,一个元素的布局可以通过盒模型来定义。盒模型包括四个主要部分:边距(margin)、边框(border)、填充(padding)和实际内容(content)。 - **...
- `bottom`、`clear`、`clip`、`cursor`、`display`、`float`、`left`、`overflow`、`right`、`top`和`vertical-align`:这些属性用于控制元素的位置、可见性、浮动、光标样式等。 - `z-index`:设置元素的堆叠...
text-decoration:none}#u1 a:hover,#u1 a:active{text-decoration:underline}#u1 a:active{color:#00c}#u1{z-index:2;color:white;position:absolute;right:0;top:0;margin:19px 0 5px 0;padding:0 96px 0 0}#u1 ....
**CSS边框属性(Border 和 Outline)** 1. `border`: 用于在一个声明中设置所有边框属性,包括宽度、样式和颜色。 2. `border-bottom`: 设置下边框属性。 3. `border-left-color`: 设置左边框的颜色。 4. `border-...
- 文字相关的属性如 `text-indent, text-align, text-decoration (注6), text-transform, white-space`; - 用户界面相关的属性如 `outline, outline-color, outline-style, outline-width, cursor`; - 滚动相关...