单行文本溢出显示省略号p{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }多行文本溢出显示省略号isplay: -webkit-box; //必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。 -webkit-box-ori...

@font-face{ font-family: 'YaHei Consolas Hybrid'; //字体命名 src : url('../fonts/yaheiconsolashybrid.ttf'); //字体文件路径 } body{ font-family: 'YaHei ...

该属性允许我们对元素进行旋转、缩放、移动或倾斜。transform 动画效果transition-duration 动画过度时间transition-duration: 5s; -moz-transition-duration: 5s; /* Firefox 4 */ -webkit-transition-dura...

<div style="text-align: center; width: 500px;height:200px; line-height:200px; border: green solid 1px;"> <img alt="" src="https://www.baidu.com/img...

禁止textarea拉伸：resize:nonetextarea 外说明文字垂直居中：给textarea的css属性加上vertical-align:middleinput{border:0;outline:none;/去除蓝色边框/}这样就可以去除蓝色边框...

text-indent设置抬头距离css缩进letter-spacing来设置字与字间距_字符间距离，字体间距css样式...

在需要设置的 textarea 样式中添加属性 vertical-align:middle;...

.search::-webkit-input-placeholder { /* WebKit browsers */ color: #b7ddf0;}.search:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #b7ddf0;}...

#list li:nth-of-type(odd){ background:#00ccff;}奇数行 #list li:nth-of-type(even){ background:#ffcc00;}偶数行 li:nth-child(2) 表示选择第二个li ...

a:link {color:#FF0000;}/* 未被访问的链接 */a:visited {color:#00FF00;}/* 已被访问的链接 */a:hover {color:#FF00FF;}/* 鼠标指针移动到链接上 */a:active {color:#0000FF;}/* 正在被点击的链接 */...