小引： 思考：给定一个盒子，其宽度高度为0，给定上下左右各10px的边框，设置四个边框颜色不同，会是什么效果。 <style> div { width: 0; height: 0; border-left: 10px solid pink; border-top: 10px solid red; b ...
分类：
Web程序 时间：
2020-04-18 23:09:35
阅读次数：
76
1.index.php <style type="text/css"> #container{margin:10px auto;width: 660px; border: 1px solid #999;} .single_item{padding: 20px; border-bottom: 1px ...
分类：
Web程序 时间：
2020-04-16 15:11:42
阅读次数：
91
border: 1px solid #696; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;//圆角边框 -webkit-box-shadow: #666 0px 0px 10px; -moz-box ...
分类：
Web程序 时间：
2020-04-11 20:18:17
阅读次数：
79
三列布局，中间自适应，尝试了两种方法float.mydiv{ background-color: #eee; margin:20px; padding: 20px; border: solid 1px #999; overflow: auto; } .left { float: left; widt ...
分类：
其他好文 时间：
2020-04-06 21:05:21
阅读次数：
85
.account { width: 400px; margin-top: 30px; margin-left: auto; margin-right: auto; border: 1px solid #f0f0f0; padding: 10px 30px 30px 30px; -webkit-box ...
分类：
其他好文 时间：
2020-04-06 15:57:17
阅读次数：
93
众所周知，浮动模型是一种可视化格式模型。浮动的框可以左右移动（即：float：left;float:right），直到它的外边缘碰到包含框或另一个浮动框的边缘。浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在似的。 .wrapper{ border:5px solid #00 ...
分类：
其他好文 时间：
2020-04-05 20:51:52
阅读次数：
95
border 边框是我们美化网页、增强样式最常用的手段之一。例如： <div class="text"></div> .text { width: 254px; height: 254px; background-color: #33AAE1; border: 10px solid #03D766; ...
分类：
其他好文 时间：
2020-04-05 13:45:14
阅读次数：
194
今日在写一个阴影效果的时候遇到了一个小问题,不多说,上代码 div { width: 100px; height: 100px; background: #e3e3e3; border: 1px solid #333; box-shadow: 0 0 50px rgba(0, 0, 0, 0.5); ...
分类：
Web程序 时间：
2020-04-04 18:39:19
阅读次数：
83
border-style的值：none无dotted点状dashed虚线solid实线double双实线margin：垂直方向两个相邻元素都设置了外边距，那么外边距会发生合并合并高度=两个发生合并的外边距中的较大值元素的实际高度=上边框+上内边距+内容高度+下内边距+下边框元素在页面中实际所占的高度是：上外边距+上边框+上内边距+内容高度+下内边距+下边框+下外边距hover属性实现鼠标悬停时显示
分类：
Web程序 时间：
2020-04-04 00:20:41
阅读次数：
113
单一职责原则（SRP：Single responsibility principle）又称单一功能原则，面向对象五个基本原则（SOLID）之一。它规定一个类应该只有一个发生变化的原因。 在前端开发的过程中，一个需求总会有多种解决方法，如果多人开发，其实我觉得单一职责挺适合前端的，前阵子看了下实习生的 ...
分类：
其他好文 时间：
2020-04-04 00:16:57
阅读次数：
68
