摘要： letter-spacing是CSS的一个属性，其作用是设置字符之间的距离。letter意为字符。 1、normal：规定字符之间没有额外的空间。该值是默认值。如下示例： 结果： 2、length：定义字符之间的距离，可以为负值。如下示例： 当为正值时，如letter-spacing:1em： 结果 阅读全文

摘要： direction是CSS2的属性，它的作用是规定文字书写的方向。 1、ltr：从左到右，即left to right。该值为默认值。如下所示： div{ border:1px solid red; direction:ltr; } 2、rtl：从右到左，即right to left。如下所示： d 阅读全文

摘要： color意为颜色，其作用是设置字体的颜色。 设置颜色的方式有以下几种： 1、使用颜色单词，如：red； 2、使用十六进制，如：#FFFFFF； 3、使用rgb(255,0,0); 让我们来实践一下，将字体的颜色设置为红色： 结果如下： 阅读全文

摘要： caption-side是CSS2的属性，其作用是规定标题的位置在表格的上面还是下面。 1、top:默认值，将表格标题定位在表格之上。如下例子： 2、bottom：将标题定位在表格之下。如下例子： 阅读全文

摘要： border-spacing是CSS2的一个属性。其作用是规定表格的相邻单元格边框之间的距离。如果表格的border-collapse属性值为collapse时，border-spacing设置无效。 border-spacing:h-length v-length; h-length即单元格之间的 阅读全文

摘要： border-collapse是CSS2的一个属性，其作用是折叠表格(table)的边框。collapse翻译过来又折叠的意思。 border-collapse有三个值： collapse:将表格和单元格的边框折叠； separate:分隔表格和单元格的边框，这是默认值； inherit:从父元素继 阅读全文

摘要： 在上一篇中，我们学习了如何使用transform来进行2D变形。今天要讲述的transform-origin与这个变形有关。 origin翻译过来的意思是原点、开端。transform-origin寓意即变形的起点。没错，它的作用就是设置变形的起点。 transform-orgin:x-axis y 阅读全文

摘要： transform是CSS3的一个属性，其作用是用来进行2D或3D变换。 一、2D变换 1. translate(x-offset , y-offset) translate的作用就是用作位置的移动。x-offset是距离left的位置，y-offset是距离top的位置。该方法的位移不会脱离文档流 阅读全文

摘要： white-space是CSS的属性，其作用是规定文本不进行换行。 white-space有以下几个值： 1、normal：该值为默认值，段落前后的空白会被浏览器忽略。如下所示： 我们在This的前面加了许多空白，在Action的后面也加了许多空白。但是结果如下： 2、pre：段落前后的空白会被浏览 阅读全文

摘要： text-overflow是CSS3的一个属性，其作用是当文本溢出包含它的元素时，应该裁剪还是将多余的字符用省略号来表示。 该属性一般和overflow:hidden属性一起使用。 text-overflow: clip|ellipsis|string 1、clip：修剪文本。即将溢出的文本裁剪掉。 阅读全文