CSS学习笔记——一些属性
作者:
一颗奋发向上的蛋 | 来源:发表于
2018-01-27 23:52 被阅读0次
CSS3 transition
| 属性 |
描述 |
| transition-property |
规定设置过渡效果的 CSS 属性的名称。 |
| transition-duration |
规定完成过渡效果需要多少秒或毫秒。 |
| transition-timing-function |
规定速度效果的速度曲线。 |
| transition-delay |
定义过渡效果何时开始。 |
CSS3 box-shadow
box-shadow: h-shadow v-shadow blur spread color inset;
| 值 |
描述 |
| h-shadow |
必需。水平阴影的位置。允许负值。 |
| v-shadow |
必需。垂直阴影的位置。允许负值。 |
| blur |
可选。模糊距离。 |
| spread |
可选。阴影的尺寸。 |
| color |
可选。阴影的颜色。 |
| inset |
可选。将外部阴影 (outset) 改为内部阴影。 |
border-collapse
- border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示。
| 值 |
描述 |
| separate |
默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。 |
| collapse |
如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。 |
| inherit |
规定应该从父元素继承 border-collapse 属性的值。 |
CSS3 text-overflow
text-overflow: clip|ellipsis|string;
| 值 |
描述 |
| clip |
修剪文本。 |
| ellipsis |
显示省略符号来代表被修剪的文本。 |
| string |
使用给定的字符串来代表被修剪的文本。 |
white-space
| 值 |
描述 |
| normal |
默认。空白会被浏览器忽略。 |
| pre |
空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。 |
| nowrap |
文本不会换行，文本会在在同一行上继续，直到遇到
标签为止。 |
| pre-wrap |
保留空白符序列，但是正常地进行换行。 |
| pre-line |
合并空白符序列，但是保留换行符。 |
| inherit |
规定应该从父元素继承 white-space 属性的值。 |
CSS3 box-sizing
box-sizing: content-box|border-box|inherit;
| 值 |
描述 |
| content-box |
这是由 CSS2.1 规定的宽度高度行为。宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。 |
| border-box |
为元素设定的宽度和高度决定了元素的边框盒。就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。 |
| inherit |
规定应从父元素继承 box-sizing 属性的值。 |
本文标题：CSS学习笔记——一些属性
本文链接：https://www.haomeiwen.com/subject/bnpoaxtx.html
网友评论