Tag "css" 相关话题

经验总结

CSS屏蔽手机端长按选中 防止图片自动放大 禁止复制

1

Deshun 发布于 3年前 (2018-05-10) 阅读(7430) 评论(0) 赞 (2)

CSS屏蔽手机端长按选中 防止图片自动放大 禁止复制

使用手机浏览页面的时候,有些浏览器内核的原因,点击 img 标签图片会自动放大,长按会弹出下载或者保存选项。在写页面时如何避免此类情况的发生呢?我们可以使用 CSS 来屏蔽图片的选中。我整理了两个方案:1、首先想到的是通过 JS 实现,对 touch 事件做处理。window.o...

经验总结

input[type=file]去掉“未选择任何文件”及样式改进

6

Deshun 发布于 3年前 (2018-04-25) 阅读(26209) 评论(3) 赞 (28)

input[type=file]去掉“未选择任何文件”及样式改进

input 标签的 file 属性,在没有选择文件的情况下,默认显示一条文字“未选择任何文件”。在选择文件后,该条文字会变成路径和文件的名称。如何去掉其默认的“未选择任何文件”提示呢?查阅资料,没有发现可以直接修改的办法,但是我们可以通过其他方法,实现自定义提示文字的效果。我通过...

经验总结

各大网站CSS初始化代码集合

Deshun 发布于 3年前 (2018-04-17) 阅读(3509) 评论(0) 赞 (0)

CSS初始化可以简单快速的实现常用标签的属性设定,尽量减少各浏览器之间的兼容性问题。今天整理一下各大网站的CSS初始化代码:1、百度 CSS初始化 https://www.baidu.com统一初始化body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,&n...

经验总结

利用CSS设置图片黑白/灰色效果,同时适用于整站变灰

1

Deshun 发布于 3年前 (2018-04-10) 阅读(5125) 评论(0) 赞 (1)

利用CSS设置图片黑白/灰色效果,同时适用于整站变灰

写页面的时候由于页面风格原因,可能需要图片变灰色,如果用图片处理软件的话可能会比较麻烦,而且会增加图片的数量,不利于资源的合理利用。下面提供两种方法:1、使用CSS的 filter: gray;  属性即可实现灰度效果。Chrome内核的浏览器只需要...

经验总结

解决margin击穿的几种方法

1

Deshun 发布于 3年前 (2018-04-03) 阅读(2392) 评论(0) 赞 (0)

解决margin击穿的几种方法

前端开发过程中经常会遇到这种问题,明明设置的是子元素的margin值,结果却作用在了父元素上,例如的代码:HTML部分:嵌套两层div<div class="box">     <div&n...

经验总结

使用float后清除浮动的几种方法

Deshun 发布于 3年前 (2018-04-03) 阅读(2370) 评论(0) 赞 (4)

float 属性用于定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。所有主流浏览器都支持 float 属性。注意:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。使用 float 属性后 元素会跳出当前区域,下面...

经验总结

在Webstorm中使用Autoprefixer实现CSS自动补全

3

Deshun 发布于 3年前 (2017-11-09) 阅读(6357) 评论(0) 赞 (0)

在Webstorm中使用Autoprefixer实现CSS自动补全

前段时间我写了一篇文章:WebStorm怎么设置实现自动编译less文件 利用lessc模块实现less文件自动编译城css文件。但是有一个缺点,就是lessc编译后只能将less转换为css格式,并不能自动补全前缀。我们可以用Autoprefixer模块来给css自动补全,实现...