Css - 随笔分类 - 云的旋律

css3实现左右锯齿效果

摘要：要实现的效果：css3实现左右锯齿效果 demo：效果原文地址：http://www.qdfuns.com/notes/29797/d6acfd6011835aabc3ac11d6abed3e59.html 阅读全文

posted @ 2017-12-13 17:22 云的旋律阅读(5905) 评论(0) 推荐(1) 编辑

切图相关记录

摘要：问题如图片一，还原设计图时，出现空隙解决方案：思路，div和img去掉border，然后对应的边距都设置为0，图片设置为块级元素，会自动沾满div的空间。解决后的效果图解决方案二和三(在块级元素上设置font-size:0 或者使用line-height：0) 阅读全文

posted @ 2017-07-13 17:48 云的旋律阅读(191) 评论(0) 推荐(0) 编辑

DIV+CSS 让同一行的图片和文字对齐【转藏】

摘要：DIV+CSS 让同一行的图片和文字对齐 DIV+CSS 让同一行的图片和文字对齐 DIV+CSS 让同一行的图片和文字对齐在div+css布局中，如果一行(或一个DIV)内容中有图片和文字的话，图片和文字往往会一个在上一个在下，这是一个新手都会遇到问题，我的解决方法有三： 1.添加CSS属性：v 阅读全文

posted @ 2017-06-19 14:30 云的旋律阅读(6024) 评论(0) 推荐(0) 编辑

css解决fixed布局不会出现滚动条的问题

摘要：阅读全文

posted @ 2017-04-28 15:43 云的旋律阅读(310) 评论(0) 推荐(0) 编辑

html 超出出现省略号

摘要：.workTitle > a{ height: 26px; line-height: 26px; display: inline-block; text-overflow: ellipsis; width: 82%; overflow: hidden; white-space: nowrap; } 2016-11-24营造交通运输行业诚实守信良好... 阅读全文

posted @ 2016-12-24 10:58 云的旋律阅读(295) 评论(0) 推荐(0) 编辑

html JS打印添加水印图片

摘要：参考地址：http://blog.it985.com/10155.html 如何动态添加打印水印：http://www.cnblogs.com/emily1130/p/3645327.html 阅读全文

posted @ 2016-12-22 10:22 云的旋律阅读(8033) 评论(0) 推荐(0) 编辑

html和css 基础梳理之一

摘要：原图出处：http://www.cnblogs.com/jiasongmao/archive/2016/08/24/5804298.html 阅读全文

posted @ 2016-08-24 20:54 云的旋律阅读(146) 评论(0) 推荐(0) 编辑

CSS3 动画效果合集

摘要：前端动画效果：http://daneden.github.io/animate.css/ To use animate.css in your website, simply drop the stylesheet into your document's <head>, and add the c 阅读全文

posted @ 2016-05-27 09:50 云的旋律阅读(843) 评论(0) 推荐(0) 编辑

Sass 入门笔记

摘要：在编译 Sass 代码时常常会碰到一些错误，让编译失败。这样的错误有系统造成的也有人为造成的，但大部分都是人为过失引起编译失败。而最为常见的一个错误就是字符编译引起的。在Sass的编译的过程中，是不是支持“GBK”编码的。所以在创建 Sass 文件时，就需要将文件编码设置为“utf-8”。另外一阅读全文

posted @ 2016-03-08 09:34 云的旋律阅读(339) 评论(0) 推荐(0) 编辑

文字溢出隐藏与超长标题自动省略号

摘要：Document 如果此处的文字较多，将自动裁切裁切裁切裁切如果此处的文字较多，将自动用省略号代替！如果此处的文字较多，将自动隐藏！如果此处的文字较多，将自动隐藏！如果此处的文字较多，将自动隐藏！如果此处的文字较多，将自动隐藏！如果此处的文字较多，... 阅读全文

posted @ 2016-01-07 17:58 云的旋律阅读(1342) 评论(0) 推荐(0) 编辑

重温css系列01

摘要：2016-01-07——解决背景层透明度的问题需要ie9+问题：如果我对div设置opacity: 0.8;这个透明属性后希望内容不发生改变怎么弄？A:做两层，或者rgba解决后的效果图：独自坐着地铁突然一股莫名的孤独感涌上心头，原来这么久都是一个人承载着生活中的苦辣与酸甜！往往都在拼命的往终... 阅读全文

posted @ 2015-10-13 14:41 云的旋律阅读(269) 评论(1) 推荐(0) 编辑

JS+CSS简单实现DIV遮罩层显示隐藏【转藏】

摘要：DIV CSS遮罩层测试Copy上面的代码到HTML页面即可查看效果。原理比较简单，就是在页面内先定义好需要显示的DIV和遮罩层的CSS,然后用在onclick事件时，通过JS去控制两个DIV的样式：display='block' or display='none'.就可以实现DIV的显示和隐藏。... 阅读全文

posted @ 2015-09-29 14:29 云的旋律阅读(319) 评论(0) 推荐(0) 编辑

display: inline-block 的神奇效果

摘要：先上要实现的效果图：方案一：来自卢兄： Document 亲爱的: 恭喜您，您仅需开通4个月会员，想休息休息，差额享受8折优惠立即升级已有23919人享此优惠效果图：方案二：来自王胖兄: 亲爱的蓝色月光:... 阅读全文

posted @ 2015-09-24 11:29 云的旋律阅读(494) 评论(0) 推荐(1) 编辑

width:100% 和 max-width:100%; 有区别吗【转藏】

摘要：这个博客是基于“Pelican+Markdown+定制的my-gum主题”的。定制的主题将博文正文页面的右边栏去掉，这导致在Firefox等浏览器中，正文中大的图片会突破正文块的宽度，高度也得不到限制，显示效果非常差。其原因是：Markdown的图片区块元素![Alt text](/path/to... 阅读全文

posted @ 2015-09-08 15:27 云的旋律阅读(3410) 评论(0) 推荐(1) 编辑

爆牙齿的 Web 标准面试题【转藏】

摘要：爆牙齿的Web标准面试题 - 习题与演示 - CSS魔法爆牙齿的Web标准面试题 beta 2006 7 11 页头页面居中时宽度为700px 页面自适应时宽度自适应 ... 阅读全文

posted @ 2015-08-17 11:26 云的旋律阅读(249) 评论(0) 推荐(0) 编辑

css3 文本超出后出现省略号

摘要：clip：当内联内容溢出块容器时，将溢出部分裁切掉。ellipsis：当内联内容溢出块容器时，将溢出部分替换为（...）。当块容器为非visible时，定义内联内容溢出其块容器是否截断或者添加(...)及自定义字符要使得属性生效，块容器必须显式定义为非visible值，同时显式或者隐式的... 阅读全文

posted @ 2015-08-12 15:47 云的旋律阅读(324) 评论(0) 推荐(0) 编辑

jquery 文字向上滚动+CSS伪类before和after的应用

摘要：汇总常用技巧——CSS伪类before和after的应用先上效果图，建议遵循有图有真相的原则，可以上图的地方，还望不要嫌麻烦，毕竟有图的话可以让读者少花些时间！ ●2015-07-22●2015-10-20 实现页面加载自动播放音乐说明：这里有个小坑，如果用jquer... 阅读全文

posted @ 2015-07-22 10:12 云的旋律阅读(850) 评论(0) 推荐(0) 编辑

html input[type=file] css样式美化【转藏】

摘要：相信做前端的都知道了，input[type=file]和其他输入标签不一样，它的事件必须是在触发自身元素上，而不能是其他元素。所以不能简单的把input隐藏，放个button上去。点击这里上传文件/*a upload */.a-upload { padding: 4px 10px; ... 阅读全文

posted @ 2015-07-15 21:18 云的旋律阅读(425) 评论(0) 推荐(0) 编辑

随笔分类 - Css