css
文章平均质量分 58
snow_finland
这个作者很懒,什么都没留下…
展开
-
html css 元素居中的方法
html元素 水平居中 于 其父级元素的方法:方法1:左右居中方法1html,body,div{ margin:0; padding:0; height:100%; position:relative;}.wrap{ width:400px; height:300px; margin:10px; border:1px solid #000;}.lef原创 2014-02-19 13:41:28 · 846 阅读 · 0 评论 -
css 照片模糊效果(毛玻璃效果)
css中:转载 2014-04-08 10:14:33 · 4335 阅读 · 0 评论 -
css3 animation 动画应用
用css编写动画,对于浏览器的压力较小,所以针对原创 2014-08-12 13:21:05 · 802 阅读 · 0 评论 -
彩色网页 1秒 变黑白
很多时候一有突发事件,需要哀悼的时候,就会把彩色网页变为黑白首先你要有一个彩色网页,然后在css中增加以下:html{ filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:转载 2015-01-16 17:58:18 · 1470 阅读 · 2 评论 -
【css杂记】css兼容处理杂记 1
1、iOS上输入框(input)、输入区域(textarea)在框体内侧顶部会有灰色阴影,去掉的方法:input{ -webkit-appearance:none;}textarea{ -webkit-appearance:none;}2、Chrome在输入框(input)、输入区域(textarea)被聚焦(focus)时,会多出蓝色/黄色边框,去掉方法:input:f原创 2015-09-02 13:57:20 · 549 阅读 · 0 评论 -
【css杂记】css兼容处理杂记 2
1、IE上对于没有内容的a标签,使用display:block会失效解决办法:给这个a设一个背景色、然后透明度调成透明即可2、css强制换行word-wrap:break-word;3、css一行太长,最后用省略号表示display: inline-block;text-overflow: ellipsis;white-space: nowrap;原创 2015-12-10 15:44:03 · 420 阅读 · 0 评论 -
【css 效果】边沿打孔的优惠券
项目中用到了这个边沿打孔的效果,尝试下来使用纯css写的这个样式,在这里分享一下:效果大致如图分步实现思路:1,先画两个带圆角的框,A和B(A、B分别需要加投影效果,图上没有做)2,在B的左右两条缝隙的地方分别画一排圆(其实是正方形用了50%的圆角),圆填充色和背景色相同(此处背景色是白色,所以圆的填充是白色)3,给圆原创 2016-06-23 14:30:05 · 7669 阅读 · 0 评论 -
【整理】web前端相关知识文档手册整理
中文文档合集印象中文https://www.docschina.org/综合类W3CSchoolhttp://www.w3school.com.cn/MDN Web 文档英文版(Mozilla)https://developer.mozilla.org/en-US/MDN Web 文档中文版(Mozilla)https:/原创 2017-08-23 15:21:59 · 353 阅读 · 0 评论 -
【css】css文本换行与溢出显示为省略号
1 强制换行word-wrap: break-word;2 单行文本溢出时显示为省略号text-overflow: ellipsis;white-space: nowrap;overflow: hidden;+width,height根据需要设定3 多行文本溢出时显示为省略号(仅webkit内核支持,手机端可尝试,android和ios默认浏览器都为we原创 2017-08-29 17:29:15 · 463 阅读 · 0 评论