首页

CSS 控制文本单行隐藏和多行隐藏

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

作者:管理员 查看:523 时间:2019-04-26

CSS 引用外部字体文件

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

作者:管理员 查看:637 时间:2018-10-09

CSS3 transform 对元素进行旋转、缩放

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

作者:管理员 查看:1091 时间:2018-03-30

CSS 图片垂直居中

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

作者:管理员 查看:883 时间:2017-12-27

常用input,textarea的CSS样式

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

作者:管理员 查看:984 时间:2017-12-25

CSS 字间距,首行缩进

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

作者:管理员 查看:824 时间:2017-11-25

css textarea 文本区外的说明文字垂直居

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

作者:管理员 查看:858 时间:2017-09-15

css 设置 input placeholder

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

作者:管理员 查看:954 时间:2017-09-05

css 奇偶 li 和第几个 li

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

作者:管理员 查看:996 时间:2017-08-22

CSS a 标签的四种状态

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

作者:管理员 查看:955 时间:2017-04-11