一、怪异盒模型: 1)触发怪异盒模型: box-sizing:border-box; 2)怪异盒模型特点:padding和border都会在元素的宽高的内部,不会把盒子撑大。 3)box-sizing: 属性值: box-sizing:content-box; 常规盒模型 box-sizing:bo ...
分类:
其他好文 时间:
2020-04-14 21:01:31
阅读次数:
62
1、docker四种网络模式 Bridge contauner 桥接式网络模式 Host(open) container 开放式网络模式 Container(join) container 联合挂载式网络模式,是host网络模式的延伸 None(Close) container 封闭式网络模式 可以 ...
分类:
其他好文 时间:
2020-04-14 11:00:32
阅读次数:
75
文本阴影:text-shadow: x轴位置 Y轴位置 阴影大小 阴影颜色 注:如果想添加多个阴影每--组阴影以逗号分隔。盒子阴影:box-shadow: x y阴影的模糊度 阴影扩散的大小 阴影颜色 内阴影( inset:可选)添加多阴影:以逗号分隔的形式添加多阴影英文或者数字默认显示:如果没有换 ...
分类:
其他好文 时间:
2020-04-14 01:01:19
阅读次数:
68
实现场景:点击输入框,弹出自定义数字键盘,输入数字后点击确定,输入框中显示对应数字。如果输入框中有值,则默认带到小键盘中。 其中:数字键盘为子组件。输入框公用该子组件。 效果图如下: 难点: 1、props传入数字键盘组件中的值,无法直接修改。需要通过计算属性进行修改。 2、公用键盘时,保证符合预期 ...
分类:
其他好文 时间:
2020-04-14 00:45:55
阅读次数:
75
<html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } #test{ background-color:#C2EDFF; display:f ...
分类:
其他好文 时间:
2020-04-13 19:30:53
阅读次数:
75
菜鸟教程地址:https://www.runoob.com/w3cnote/flex-grammar.html flex-direction flex-wrap flex-flow justify-content align-items align-content flex-direction属性决 ...
分类:
其他好文 时间:
2020-04-13 16:43:59
阅读次数:
59
CSS3 弹性盒子(Flex Box) 弹性盒子是 CSS3 的一种新的布局模式。 CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的 ...
分类:
Web程序 时间:
2020-04-13 15:26:03
阅读次数:
83
UVA 12657 Boxes in a Line You have n boxes in a line on the table numbered 1 . . . n from left to right. Your task is to simulate 4kinds of commands:? ...
分类:
移动开发 时间:
2020-04-13 01:10:00
阅读次数:
105
基本概念 盒模型由 margin + border + padding + content 四个属性组成,分为两种:W3C的标准盒模型和IE盒模型。 Margin(外边距) - 清除边框外的区域,外边距是透明的。 Border(边框) - 围绕在内边距和内容外的边框。 Padding(内边距) - ...
分类:
Web程序 时间:
2020-04-13 00:53:22
阅读次数:
81
快速搭建以下的环境: [toc] VirtualBox VM环境 Vagrant 成品镜像 修改端口 管理员 入门案例: "https://www.cnblogs.com/lawsssscat/p/12676477.html" 修改语言: "https://blog.csdn.net/liupeif ...
分类:
其他好文 时间:
2020-04-12 20:35:45
阅读次数:
84