随笔分类 -  HTML/CSS

用 canvas 的 getImageData 做点有趣的事
摘要：原文：https://blog.csdn.net/FE_dev/article/details/82586698 说明 canvas元素标签强大之处在于可以直接在HTML上进行图形操作，具有极大的应用价值。 canvas 可以实现对图像的像素操作，这就要说到 getImageData() 方法了。 阅读全文
posted @ 2020-09-15 18:52 菲比月 阅读(626) 评论(0) 推荐(0)
HTML5日期时间输入类型注意事项(time,date)
摘要：原文链接：http://www.webhek.com/post/html5-date.html 1、HTML5规范里只规定date新型input输入类型，并没有规定日历弹出框的实现和样式。所以，各浏览器根据自己的设计实现日历。目前只有谷歌浏览器完全实现日历功能。相信这种局面很快就会结束，所有的浏览器 阅读全文
posted @ 2019-06-12 17:20 菲比月 阅读(2407) 评论(0) 推荐(0)
CSS 属性：touch-action
摘要：CSS 属性 touch-action 用于指定某个给定的区域是否允许用户操作，以及如何响应用户操作（比如浏览器自带的划动、缩放等）。 /* Keyword values */ touch-action: auto; touch-action: none; touch-action: pan-x; 阅读全文
posted @ 2018-09-04 13:54 菲比月 阅读(12480) 评论(0) 推荐(0)
css基础笔记
摘要：一、文字设置简写：font: 注意点：1、size必须在family里前面，其他样式位置可以变换；2、size和family不能省略，而且两个属性必须在最后面。 二、文本：text text-decoration:none，常 用于去年a标签的下划线 颜色转换，十六进制第一位*16+十六进制第2位= 阅读全文
posted @ 2018-07-30 16:00 菲比月 阅读(195) 评论(0) 推荐(0)
纯css，div隐藏滚动条，保留鼠标滚动效果。
摘要：当我们的内容超出了我们的div，往往会出现滚动条，影响美观。 尤其是当我们在做一些导航菜单的时候。滚动条一出现就破坏了UI效果。 我们不希望出现滚动条，也不希望超出去的内容被放逐，就要保留鼠标滚动的效果。 这里介绍一个简单的方法。 大体思路是在div外面再套一个div。这个div设置overflow 阅读全文
posted @ 2018-07-17 16:06 菲比月 阅读(911) 评论(0) 推荐(0)
文本溢出显示省略号，CSS未加载时a标签仍可用处理方法
摘要：一、文本溢出打点 （1）单行文本 （2）多行文本 适用范围：因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端； 注： 跨浏览器兼容的方案 比较靠谱简单的做法就是设置相对定位的容器高度，用包含省略号(…)的元素模拟实现； 这里注意几点： 适用范围：该方法适用范围广，但文字未 阅读全文
posted @ 2018-07-12 22:25 菲比月 阅读(1487) 评论(0) 推荐(0)
fieldset标签
摘要：fieldset定义和用法： fieldset 元素可将表单内的相关元素分组。 <fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。 当一组表单元素放到 <fieldset> 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处 阅读全文
posted @ 2018-06-22 21:33 菲比月 阅读(410) 评论(0) 推荐(0)
CSS3的圆角border-radius属性
摘要：一，语法解释 border-radius ： none | <length>{1,4} [/ <length>{1,4} ] <length>： 由浮点数字和单位标识符组成的长度值。不可为负值。 其中每一个值可以为 数值或百分比的形式。 如果“/”前后的值都存在，那么“/”前面的值设置其水平半径，“ 阅读全文
posted @ 2018-06-02 16:14 菲比月 阅读(3068) 评论(0) 推荐(0)
内联元素inline-block空隙问题
摘要：1.产生的原因 当我们使用"display:inline-block"把块集元素转换为内联元素时，每两个内联元素之间有一定的空隙，既不是margin也不是padding，最终发现是由于换行符、制表符（tab）、空格等字符引起的。 元素被当成行内元素排版的时候，元素之间的空白符（空格、回车换行等）都会 阅读全文
posted @ 2018-06-02 13:37 菲比月 阅读(1226) 评论(0) 推荐(0)