Web前端开发资源网利用CSS设置图片黑白/灰色效果，同时适用于整站变灰
1Deshun 发布于 6年前 (2018-04-10) 6941℃ 评论(0) 赞 (1)
写页面的时候由于页面风格原因，可能需要图片变灰色，如果用图片处理软件的话可能会比较麻烦，而且会增加图片的数量，不利于资源的合理利用。下面提供两种方法：1、使用CSS的 filter: gray; 属性即可实现灰度效果。Chrome内核的浏览器只需要...
Tag "css" 相关话题
解决margin击穿的几种方法
1Deshun 发布于 6年前 (2018-04-03) 3735℃ 评论(0) 赞 (0)
前端开发过程中经常会遇到这种问题，明明设置的是子元素的margin值，结果却作用在了父元素上，例如的代码：HTML部分：嵌套两层div<div class="box"> <div&n...
使用float后清除浮动的几种方法
Deshun 发布于 6年前 (2018-04-03) 3423℃ 评论(0) 赞 (4)
float 属性用于定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。所有主流浏览器都支持 float 属性。注意：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。使用 float 属性后 元素会跳出当前区域，下面...
用css实现文本溢出 超出部分隐藏显示省略号
1Deshun 发布于 7年前 (2017-11-22) 5510℃ 评论(0) 赞 (2)
可以用JQuery插件更好的实现文本溢出隐藏效果，可以访问：jQuery.dotdotdot多行文本省略号插件的使用方法在CSS3中可以使用 text-overflow 对文本溢出进行处理：clip :（默认值），文本溢出部分裁切。ellipsis ...
在Webstorm中使用Autoprefixer实现CSS自动补全
3Deshun 发布于 7年前 (2017-11-09) 7827℃ 评论(0) 赞 (0)
前段时间我写了一篇文章：WebStorm怎么设置实现自动编译less文件 利用lessc模块实现less文件自动编译城css文件。但是有一个缺点，就是lessc编译后只能将less转换为css格式，并不能自动补全前缀。我们可以用Autoprefixer模块来给css自动补全，实现...
利用css中的伪类 给元素设置特殊样式效果
Deshun 发布于 7年前 (2017-11-09) 2669℃ 评论(0) 赞 (1)
code_ds{ display: inline-block; position: relative; width:200px; height: 30px; text-align: center; line-height: 30px; font-size: 22px;...
CSS中的background属性与margin和padding内外边距的关系总结
3Deshun 发布于 7年前 (2017-10-30) 9561℃ 评论(0) 赞 (6)
最近在写一个系统页面，涉及到background背景和背景图、渐变等属性，经过查阅资料发现background有各种子属性，特此整理一下。浏览器兼容性支持： PC端： 移动端：为了后面的介绍，我们首先了解一下【盒模型】backg...
WebStorm怎么设置实现自动编译less文件
6Deshun 发布于 7年前 (2017-08-28) 6348℃ 评论(0) 赞 (3)
有些人写less文件习惯用Koala进行编译，如果用PhpStorm的话就没必要使用Koala，简单设置一下就可以实现自动编译了。方法如下：首先，需要保证电脑安装过Node.js，下载地址：https://nodejs.org/en/ 安装Node.js的时候会自动安装npm然后...