概念 开启了flex布局的元素叫做flex container display设置为flex(以block形式)或者inline-flex(以inline形式) flex container的直接子元素叫做flex items 模型 main axis:主轴(默认是x轴, 可以改变) cross a ...
分类:
其他好文 时间:
2020-07-14 00:57:20
阅读次数:
93
[CSS3 @keyframes 规则实例 使一个div元素逐渐移动200像素: @keyframes mymove { from {top:0px;} to {top:200px;} }@-webkit-keyframes mymove /* Safari and Chrome */ { from... ...
分类:
Web程序 时间:
2020-07-13 21:40:29
阅读次数:
77
效果 storeStyle: { display: 'flex', alignItems: 'center', } ...
分类:
微信 时间:
2020-07-13 21:28:34
阅读次数:
146
问题:edge浏览器下,固定列的边框消失 原因:ng-zorro-antd表格组件使用nzLeft和nzRight指令固定的表格列,这两个指令的实现css3中的标签: position: -webkit-sticky !important; position: sticky !important; ...
分类:
其他好文 时间:
2020-07-13 18:42:17
阅读次数:
88
在这里共享最新的Xhorse VVDI BMW Tool软件V1.6.0免费下载链接和相关更新通知。 VVDI BMW V1.6.0免费下载链接:https://public-ap-southeast-1-1251058331.s3-ap-southeast-1.amazonaws.com/down ...
分类:
其他好文 时间:
2020-07-13 11:52:58
阅读次数:
100
CSS盒子模型:只针对block元素或者inline-block元素,也就是可以设置size的元素 在元素上设置的height和width是作用在内容区域的。 background作用在contect + padding的区域。 盒子模型的size是content + padding + borde ...
分类:
Web程序 时间:
2020-07-12 18:25:43
阅读次数:
80
[CSS3 overflow-y 属性实例如果它溢出了元素的内容区-剪辑div元素的顶部/底部边缘内容: div { overflow-y:hidden; } 浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第... ...
分类:
Web程序 时间:
2020-07-12 01:13:22
阅读次数:
700
[CSS3 @font-face 规则实例 指定名为"myFirstFont"的字体,并指定在哪里可以找到它的URL: @font-face { font-family: myFirstFont; src: url('Sansation_Light.ttf'), url('Sansation_Lig... ...
分类:
Web程序 时间:
2020-07-12 00:25:56
阅读次数:
86
本文内容参考自如何用一行 CSS 分别实现 10 种现代布局?。 1.可解构的自适应布局(The Deconstructed Pancake) <html> <head> <style type='text/css'> .parent{ display: flex; flex-wrap: wrap; ...
分类:
Web程序 时间:
2020-07-11 19:14:46
阅读次数:
87
一、媒体查询用法 @media 媒体查询包含一个可选的媒体类型和,满足CSS3规范的条件下,包含零个或多个表达式,这些表达式描述了媒体特征,最终会被解析为true或false。如果媒体查询中指定的媒体类型匹配展示文档所使用的设备类型,并且所有的表达式的值都是true,那么该媒体查询的结果为true. ...
分类:
其他好文 时间:
2020-07-11 10:02:43
阅读次数:
71