表格样式: caption{ 表格标题 caption-side:bottm; 至底显示 } table{ border-collapse:collapse; 边框重叠 } p{ cursor:pointer; 鼠标经过时变手指 } a{ text-decoration:none; 去掉超链接下划线 ...
分类:
Web程序 时间:
2017-08-23 00:44:42
阅读次数:
173
text-indent是CSS的一个属性,其作用是定义首行文本的缩进。其值如下: 1、length:首行缩进固定的长度。默认值为0。 设置 首行缩进2em的长度。 结果: 2、百分比:定义首行文本基于父元素宽度的百分比的缩进。如下所示: <div style="width:160px"> <div ...
分类:
Web程序 时间:
2017-08-22 00:30:59
阅读次数:
235
text-decoration是CSS的一个属性,其作用是给文本装饰上划线、中间线、下划线或不装饰。其值如下所示: 1、none:不装饰任何线。该值是默认值。如下所示: 结果: 2、overline:给文本装饰上划线。如下所示: 结果: 3、line-through:给文本装饰一条中间线,即从中间穿 ...
分类:
Web程序 时间:
2017-08-22 00:26:43
阅读次数:
223
text-align是CSS的一个属性,其作用是设置文本的对齐方式。其值如下所示: 1、left:文本左对齐。如下所示: 结果: 2、right:文本右对齐。如下所示: 结果: 3、center:文本居中对齐。如下所示: 结果: 4、justify:设置文本两端对齐。如下所示: 结果: ...
分类:
Web程序 时间:
2017-08-22 00:18:40
阅读次数:
164
line-height是CSS的一个属性,其作用是设置行高。其有以下几种值: 1、normal:自动设置合理的行间距。该值是默认值。如下示例: 结果: 2、number:即数字。该数字会与当前字体尺寸相乘来设置行间距。如下示例: 结果: 3、length:即带单位的长度,设置固定的行间距。如下示例: ...
分类:
Web程序 时间:
2017-08-21 23:01:15
阅读次数:
302
letter-spacing是CSS的一个属性,其作用是设置字符之间的距离。letter意为字符。 1、normal:规定字符之间没有额外的空间。该值是默认值。如下示例: 结果: 2、length:定义字符之间的距离,可以为负值。如下示例: 当为正值时,如letter-spacing:1em: 结果 ...
分类:
Web程序 时间:
2017-08-21 22:55:03
阅读次数:
409
direction是CSS2的属性,它的作用是规定文字书写的方向。 1、ltr:从左到右,即left to right。该值为默认值。如下所示: div{ border:1px solid red; direction:ltr; } 2、rtl:从右到左,即right to left。如下所示: d ...
分类:
Web程序 时间:
2017-08-21 22:20:01
阅读次数:
273
在上一篇中,我们学习了如何使用transform来进行2D变形。今天要讲述的transform-origin与这个变形有关。 origin翻译过来的意思是原点、开端。transform-origin寓意即变形的起点。没错,它的作用就是设置变形的起点。 transform-orgin:x-axis y ...
分类:
Web程序 时间:
2017-08-21 00:21:53
阅读次数:
279
transform是CSS3的一个属性,其作用是用来进行2D或3D变换。 一、2D变换 1. translate(x-offset , y-offset) translate的作用就是用作位置的移动。x-offset是距离left的位置,y-offset是距离top的位置。该方法的位移不会脱离文档流 ...
分类:
Web程序 时间:
2017-08-16 00:08:07
阅读次数:
223
text-overflow是CSS3的一个属性,其作用是当文本溢出包含它的元素时,应该裁剪还是将多余的字符用省略号来表示。 该属性一般和overflow:hidden属性一起使用。 text-overflow: clip|ellipsis|string 1、clip:修剪文本。即将溢出的文本裁剪掉。 ...
分类:
Web程序 时间:
2017-08-14 23:37:39
阅读次数:
241