首先看代码和效果↓ <style> .main { outline: 1px solid; display: flex; justify-content: space-between; flex-wrap: wrap; } .main>div { width: 100px; height: 100p ...
分类:
其他好文 时间:
2020-02-29 22:09:34
阅读次数:
299
1. 先看代码结构 代码行数是否过多 代码是否易读 类名、函数名是否知名见意 代码结构是否满足“高内聚,松耦合” 2. 看设计是否实现了预期的业务逻辑 逻辑是否正确 是否处理了各种异常情况 是否入参、出参是否有校验 2. 再看设计原则、设计思想 是否符合SOLID、DRY、KISS、YAGNI、LO ...
分类:
其他好文 时间:
2020-02-29 15:03:58
阅读次数:
77
/*导航条*/ .navbar { position: relative; min-height: 50px; margin-bottom: 0px; border: 1px solid transparent; } /*左侧菜单栏*/ .left-menu{ /*padding: 20px;*/ ...
分类:
Web程序 时间:
2020-02-29 13:26:29
阅读次数:
351
1、盒子模型: 由一下几个部分构成: + width:内容宽度 + height:内容高度 + padding:内填充(border和content之间的填充,分为四个方向:top、right、bottom、left) + border:边框(有着各种的样式:none(默认)、solid(实线)、d ...
分类:
其他好文 时间:
2020-02-28 20:42:47
阅读次数:
107
原图: 加工后: 大致的效果可以出现 border:10px solid white; background: black; transform: rotate(45deg); 原理:设置白色边框和黑色背景 但是不知道为什么,图片正常情况下(不设置旋转)背景效果失效,在设置了旋转(transform ...
分类:
其他好文 时间:
2020-02-22 00:15:45
阅读次数:
98
#1 相对定位 以原来的位置为参考点 <!DOCTYPE html> <html> <head> <title>定位</title> <style type="text/css"> body{ border: 1px solid orange; } div{ width: 200px; height ...
分类:
其他好文 时间:
2020-02-20 15:38:00
阅读次数:
84
一、相关知识点总结1、CSS .css() - .css("color") -> 获取color css值 - .css("color", "#ff0000") -> 设置值 - .css({"color": "#cccccc", "border": "1px solid #ff0000"}) -> ...
分类:
Web程序 时间:
2020-02-20 15:11:20
阅读次数:
106
清除浮动方式之伪元素清除法: <style type="text/css"> .top_bar{ height: 200px; border:1px solid red; } .child1{ width:200px; height:200px; background-color: green; f ...
分类:
移动开发 时间:
2020-02-20 09:52:22
阅读次数:
83
1.Several cases have been reported in Russian of people who can read and dectect colors with their fingers,and even through solid doors and walls. 2.O ...
分类:
其他好文 时间:
2020-02-17 01:09:27
阅读次数:
108
边框border属性值 solid实线 dashed虚线 dotted点线 double双实线 /* 内边距 */padding:20px 30px 30px 30px;若有四个值代表 上/右/下/左 padding: 10px 20px 30ox;三个值代表 上、左右、下 padding: 10p ...
分类:
其他好文 时间:
2020-02-13 21:24:05
阅读次数:
90