单行文本溢出显示省略号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;}/* 正在被点击的链接 */...