Q Q RSS订阅
捐助名单 收藏本站

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自动补全，实现...

标签：  /   /   /   /