/* 核心样式：限制p标签最多显示2行，超出隐藏 */ p {   /* 基础布局：必须设置宽度（否则无法触发截断） */   width: 300px; /* 可根据实际需求调整，比如100% */

text-indent遇到display:block或者float就不生效了，也就是给图片img加上display:block;或float:left;即可

在CSS3中，我们可以使用transform属性的scale()方法来实现元素的缩放效果。 语法： transform: scaleX(x);         /*沿X轴方向缩放*/ transform: scaleY(y);         /*沿Y轴方向缩放*/

CSS3 :nth-child() 选择器 定义和用法: :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。 n 可以是数字、关键词或公式。

一般的文字截断（适用于内联与块）：.text-overflow {     display:block;/*内联对象需加*/     width:31em;/*指定宽度*/     word-break:keep-all;/* 不换行 */

font-weight参数： normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置 bold : 粗体。相当于number为700。也相当于b对象的作用 bolder : IE5+　特粗体

/*用CSS控制将li标签竖排变横排*/ display: inline-block; /*内边距*/ padding /*外边距*/ margin

1、四个边框 border-left 设置左边框，一般单独设置左边框样式使用border-right 设置右边框，一般单独设置右边框样式使用border-top 设置上边框，一般单独设置上边框样式使用border-bottom 设置下边框，一般单独设置下边框样式使用,有时可将下边框样式作为css下划线效果应用。

四边为虚线边框：border:1px dashed #000; 左边为虚线：border-left:1px dashed #000; 右边为虚线：border-right:1px dashed #000; 顶部边（上边）为虚线：border-top:1px dashed #000; 底部边（下边）为虚线：border-bottom:1px dashed #000;