随笔分类 -  HTML+CSS

一些demo
前端jinput：[DOM] Input elements should have autocomplete attributes (suggested: "current-password"): (More info: https://goo.gl/9p2vKq)
摘要：input 使用到 password 类型的输入框时，控制台会提示警告。 出现原因：未添加autocomplete 属性造成的。 autocomplete 用途： 规定输入字段是否应该启用自动完成功能。清除input框输入存留历史值,防止下拉历史值显示。 自动完成允许浏览器预测对字段的输入。当用户在 阅读全文
posted @ 2020-08-28 10:14 拈花醉 阅读(1286) 评论(0) 推荐(0)
css 变量
摘要：最近要改个平台系统的界面，想着可以写公共的样式，后续便于维护,便想到了 css 变量，查看了一些资料 可惜可能不太支持IE ，没好用上~ 不过我还是可以学习一下的 优势： 大多是为风格统一而使用颜色变量 一致的组件属性（布局，定位，动作等） 避免代码冗余，便于维护 一、变量的声明 声明变量的时候，变 阅读全文
posted @ 2019-06-06 14:00 拈花醉
CSS3 radio 或checkbox 自定义 样式
摘要：.style-radio {position:relative;width:15px;height:15px;outline:none;} .style-radio:after {position:absolute;top:-2px;left:-3px;display:inline-block;width:18px;height:18px;content:'';border:1px solid ... 阅读全文
posted @ 2017-11-02 11:24 拈花醉 阅读(199) 评论(0) 推荐(0)
css3 移动端 1px 线变成0.5px
摘要：之前写的时候不太了解人家移动APP是怎么实现的，后来自己摸索 知道了可以使用缩放的方式解决线比较粗的问题。 最近看到了 小月博客里的一篇文章： http://www.aliyue.net/1487.html，因此，自己总结了一下。 阅读全文
posted @ 2017-11-02 11:22 拈花醉 阅读(2645) 评论(0) 推荐(1)
CSS 文字换行与不换行
摘要：1. 强制不换行 2. 自动换行 3. 强制英文单词断行 4. CSS设置不转行： 5. 设置强行换行： 英文不换行 .txt-overflow{ display:block; /*内联对象需加*/ width:80px; word-break:keep-all; /* 不换行 */ white-s 阅读全文
posted @ 2017-11-02 11:21 拈花醉 阅读(817) 评论(0) 推荐(0)
HTML a标签的href 属性 tel 点击可以直接拨打电话 ( 移动端 )
摘要：13622178579 阅读全文
posted @ 2017-11-01 11:37 拈花醉 阅读(65755) 评论(0) 推荐(2)
CSS3 loading 和 文字颜色渐变
摘要：loading 1 快速开始 .loading { background: black; width: 400px; height: 400px; position: ... 阅读全文
posted @ 2017-10-26 15:52 拈花醉 阅读(762) 评论(0) 推荐(0)
CSS3 自动旋转
摘要：CSS3自动旋转效果 ... 阅读全文
posted @ 2017-10-26 15:34 拈花醉 阅读(2396) 评论(0) 推荐(0)
CSS3 四边形 凹角写法
摘要：Title 阅读全文
posted @ 2017-10-26 15:31 拈花醉 阅读(1359) 评论(0) 推荐(0)
CSS3 动画-- 鼠标移上去，div 会旋转、放大、移动
摘要：Title 360°旋转 放大 旋转放大 上下左右移动 阅读全文
posted @ 2017-10-26 15:29 拈花醉 阅读(17938) 评论(0) 推荐(0)
H5 canvas pc 端米字格 写字板
摘要：demo02 pc端米字格画布 您的浏览器不支持canvas 清除 1 var canvasWidth = 800; 2 var canvasHeight =canvasWidth; 3 4 var isMouseDown = false; 5 var lastLoc ; 6 // var lastLoc =... 阅读全文
posted @ 2017-10-26 15:23 拈花醉 阅读(929) 评论(0) 推荐(0)
H5 canvas 直线和三角形
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>canvas</title> </head> <body> <canvas id="canvas" width="500px" height="500px;" 阅读全文
posted @ 2017-10-26 15:20 拈花醉 阅读(634) 评论(0) 推荐(0)
H5 canvas 之乱画
摘要：canvas 阅读全文
posted @ 2017-10-26 15:16 拈花醉 阅读(424) 评论(0) 推荐(0)
H5 canvas-小球抛物线
摘要：canvas-小球抛物线 阅读全文
posted @ 2017-10-26 15:15 拈花醉 阅读(214) 评论(0) 推荐(0)
jquery /css3 全屏的渐变背景
摘要：全屏的渐变背景 阅读全文
posted @ 2017-10-26 15:09 拈花醉 阅读(903) 评论(0) 推荐(0)
css3 平行四边形 、大括弧
摘要：1 2 3 4 5 平行四边形 与大括号 6 7 16 17 18 19 20 21 22 63 64 阅读全文
posted @ 2017-10-26 14:59 拈花醉 阅读(2315) 评论(0) 推荐(1)