CSS
关注
分享
扫一扫
RETURN100ERRORS
昨日之日不可留，今日之日多烦忧
展开
-
wangEditor 解决 editor.txt.setJSON() 方法 html 标签被解析为字符串
使用wangEditor 代码块时候，帖子编辑时候没有问题，将json保存到数据库,再次setJSON 时候 代码块内 br 标签被转义为 字符串。作者说一般用户不会用代码块功能，好吧，只能自己想办法解决这是代码块中被解释后的语句，可以看到 br 标签没有被正确转换为html标签在确保传输中数据正确后，发现问题所在代码块中 br 标签在 setJSON 函数中被转换为了这样解决方法 :对 editor.txt.setJSON 方法进行一次封装,将标签重新转义回来 setEdito原创 2022-05-02 21:51:20 · 2106 阅读 · 0 评论 -
CSS 实现硬币翻转
效果图:代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <style> .box{ position: relative; width: 200px; height: 200px; margin: 100px auto; transition:原创 2022-04-30 17:21:45 · 866 阅读 · 0 评论 -
CSS3 制作大数据热点图
效果图如下 :主要使用了 css animation 属性 , 代码如下 ， 附带地图代码 :<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <style> .map{ position: relative; background: url(img/222.png) no原创 2022-04-30 12:27:42 · 1592 阅读 · 0 评论 -
网站Logo SEO优化
原创 2022-04-05 08:14:18 · 330 阅读 · 0 评论 -
CSS 实现元素底边框从中间缓慢展开效果
主要利用了 transform : scale(0) -> transform : scale(1); 实现 ,scale 在 transition 动画中 默认从 x轴中间 和 y轴中间开始展开，并可以使用 transform-origin 改变出现方位具体参考代码 , 我用伪元素实现了一下,此为三角展开:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>原创 2022-04-01 21:16:51 · 2138 阅读 · 0 评论 -
CSS float影响其他元素布局解决方法
float会脱离文档流，会影响下一元素和父级元素布局解决方法：float用完后加：<div style="clear: both"></div>例：<div style:"float:left">This is float<div><div style="clear: both"></div>...原创 2021-02-12 22:10:21 · 973 阅读 · 0 评论 -
CSS line-height配合text-align使文字居框中间显示
竖向居中：line-height控制间距，即字符每行占位宽度，字符会居占位宽度中显示，将line-height 设置成300px;即充满整个边框<div style="height: 300px;width: 300px;border: gray solid"> <p style="line-height: 300px;margin: 0;">123</p></div>横向居中：将text-align设置成center&l原创 2021-02-10 21:07:05 · 476 阅读 · 0 评论 -
CSS margin-top 不生效原因
在写css样式时候，为了限定子元素范围一般嵌套父层class，但会导致JQuery:addClass失效因为嵌套父层class优先级大于普通class例如<style> .circle li {background-color:red} .changecolor {background-color:black} .circle .change {background-color:black}</style><body> &原创 2021-02-07 10:57:54 · 328 阅读 · 0 评论 -
matplotlib画图颜色大全
原创 2020-11-13 01:20:23 · 435 阅读 · 0 评论