先说明下，这是在谷歌浏览器下字体显示等问题做个研究，火狐下有点差异，不过火狐占有率低，而且显示的没有谷歌那么合理，字体排版上不是强迫症，差别也不大。 div{ border: 1px solid black; color: red; font-size: 14px; } <div>文字，咋,排-he ...
分类：
Web程序 时间：
2020-05-30 10:24:29
阅读次数：
68
先在HTML中创建 img和canvas并设置id属性 <canvas id="canvas" width="500" height="500" style="border: 1px solid red;"></canvas> <img src="./dialog.png" id="img" /> ...
分类：
微信 时间：
2020-05-25 12:48:38
阅读次数：
196
边框属性 1 <style> 2 div{ 3 border-style: solid; 4 border-color: red; 边框颜色 5 border-width: 5px; 6 width: 200px; 7 height: 200px; 8 border: 10px solid char ...
分类：
Web程序 时间：
2020-05-25 00:25:39
阅读次数：
72
关于这个前端，我觉得css是最难搞的，方法很多，，， 设置border，1px，solid，black padding也很重要，设置标签里文字，的位置，text align,text decoration ...
分类：
其他好文 时间：
2020-05-20 18:54:26
阅读次数：
48
这里下划线显示使用的是伪类，用hover属性触发伪类，使其显示下划线 代码如下： width: 0; border-bottom: 2px solid blue; -webkit-transition: width 0.5s ease-in-out; -moz-transition: width 0 ...
分类：
Web程序 时间：
2020-05-18 18:24:59
阅读次数：
68
旋转圆形图片： .pic:hover{ transform: rotate(360deg); transition: all 1.5s ease ; } .pic{ border-radius: 500px; border: solid #dddfdc; } 鼠标放置完全显示： .ganying:h ...
分类：
Web程序 时间：
2020-05-15 21:50:42
阅读次数：
214
<body> <div id="myImg" style="position: absolute; width: 100px;height: 100px;background-color: pink;border: red solid 2px; border-radius: 20px;"> <!-- ...
分类：
移动开发 时间：
2020-05-11 13:27:39
阅读次数：
71
现在我们要实现一个边框内圆角的效果，效果图如下所示： 第一反应肯定是用两个标签来实现，但是如果只用一层标签的话，可以实现么我们首次的构想可能是这样子的 div { outline: .6em solid green; max-width: 10em; border-radius: .8em; pad ...
分类：
Web程序 时间：
2020-05-10 19:25:38
阅读次数：
71
SOLID设计原则 s: 单一原则:一个类只做一种类型责任，当这个类需要承当其他类型的责任的时候，就需要分解这个类 o: 开放封闭原则:对外扩展是开放的,对于修改是封闭的 l: 里氏置换原则:当一个子类的实例应该能够替换任何其超类的实例时，它们之间才具有is A关系 i: 接口分离原则:使用多个专门 ...
分类：
其他好文 时间：
2020-05-10 15:19:57
阅读次数：
68
利用图片的margin属性将图片水平居中，利用div的padding属性将图片垂直居中。 结构代码同上； css代码如下： div {width:300px; height:150px; padding-top:50px; border:#000 1px solid;} img {display:b ...
分类：
Web程序 时间：
2020-05-05 18:00:25
阅读次数：
64
