随笔分类 -  CSS

CSS样式,在这个颜控的世界,决定颜值的CSS可是很重要的
微信小程序 使用字体图标 iconfont
摘要:第一步:在阿里巴巴矢量图标库下载需要的图标 地址:https://www.iconfont.cn/ 添加至项目 第二步:打开在线代码 将在线代码复制 第三步:点击下载至本地下载图标 将下载的download文件解压打开iconfont.css,将文件中的@font-face替换为在线链接(即刚刚复制 阅读全文

posted @ 2019-05-31 14:00 乌云上 阅读(1300) 评论(0) 推荐(0) 编辑

手写alert弹框(一)
摘要:采用原生的JavaScript, html代码 js代码 优点:简单,非阻塞式弹框,依赖少(不需要jquery) 缺点:输入文本不能太长否则文字显示不全(因为大小固定),样式不好看(需要优化),代码修改起来困难(最好是使用面向对象的方式) 留坑,有待优化!!! 阅读全文

posted @ 2019-05-10 12:19 乌云上 阅读(329) 评论(0) 推荐(0) 编辑

解决默写浏览器中点击input输入框时,placeholder的值不消失的方法
摘要:html中,placeholder作为input的一个属性,起到了在输入框中占位并提示的作用。 但是有一些浏览器,如chrome,当鼠标点击输入框时,placeholder的值不消失,只有输入数据才消失,会使前端用户体验大打折扣。 我们要实现的效果: 点击前 点击后 关键是js代码: $(funct 阅读全文

posted @ 2019-04-26 09:41 乌云上 阅读(628) 评论(0) 推荐(0) 编辑

jquery实现文本框click清空文本内容
摘要:原先的样子 点击之后 如果没有输入内容则还原 否则为最新输入 实现代码 test.html 阅读全文

posted @ 2019-04-26 09:34 乌云上 阅读(1566) 评论(0) 推荐(0) 编辑

边框阴影box-shadow
摘要:边框的阴影: 参数说明: box-shadow:1px 2px 3px 4px #ccc inset; 说明 1. 对于上边,沿x轴方向的偏移量显然没有意义,设为0px; 2. 沿y轴正方向阴影进入div内部,不显示,因此写为负数; 3. 扩展半径不要写,或者写成0px,这样就不会影响其他的边; 4 阅读全文

posted @ 2018-10-17 18:38 乌云上 阅读(298) 评论(0) 推荐(0) 编辑

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示