CSS3提供了丰富的动画类属性，使我们可以不通过flash甚至JavaScript，就能实现很多动态的效果。它们主要分为三大类：transform（变换），transition（过渡），animation（动画）。其中transform又分为2D变换和3D变换，它赋予了我们不通过专业设计软件制作平面... ...
分类：
Web程序 时间：
2019-10-11 18:48:18
阅读次数：
116
1.css3文本属性： ①Color：颜色。 ②Text-align：文本水平对齐方式。 ⑴Left默认值，right，center，justify两端对齐； ⑵新增start相当于left，end相当于right； ③Line-height：行高。 Normal，数字，百分比，px，em； ④Te ...
分类：
Web程序 时间：
2019-10-11 12:41:08
阅读次数：
114
1.css3盒模型： ①margin外边距： Margin-top，Margin-right，Margin-bottom，Margin-left ②Border边框： Border-width Border-style:solid实线边框，dotted点状边框，double双线边框 Border-c ...
分类：
Web程序 时间：
2019-10-11 12:39:17
阅读次数：
93
为什么要用css动画替换js动画 导致JavaScript效率低的两大原因：操作DOM和使用页面动画。 用CSS3动画替代JS模拟动画的好处： 不占用JS主线程； 可以利用硬件加速； 浏览器可对动画做优化（元素不可见时不动画减少对FPS影响） CSS3动画提供了2D和3D以及常规动画属性接口，它可以 ...
分类：
Web程序 时间：
2019-10-11 12:33:16
阅读次数：
116
浏览器中大多数浏览器采用W3C标准模型,而IE浏览器采用Microsoft自己的模型. CSS3中Box model是分为两种可以通过box-sizing属性来选择两种标准的盒子模型: 标准盒子模型(content-box)(默认属性) 怪异盒子模型(border-box) 怪异模式是“部分浏览器在 ...
分类：
其他好文 时间：
2019-10-10 11:05:55
阅读次数：
67
作用: 1.text-overflow属性规定了当文本溢出包含元素时所发生的事情 2.当遇到标题过长，影响页面效果的情况时，text-overflow属性发挥它的作用 3.利用text-overflow属性可以使标签内容在确定的长度内显示，剩余部分用“ … ”或者其他字符串代替。然而并不影响标签内部 ...
分类：
Web程序 时间：
2019-10-09 19:16:31
阅读次数：
167
实例 在恰当的断字点进行换行： 定义和用法 word-break 属性规定自动换行的处理方法。 提示：通过使用 word-break 属性，可以让浏览器实现在任意位置的换行。 语法 word-break: normal|break-all|keep-all; 值描述 normal 使用浏览器默认的换 ...
分类：
Web程序 时间：
2019-10-09 15:43:24
阅读次数：
125
CSS中的animation属性可用于为许多其他CSS属性设置动画，例如颜色，背景色，高度或宽度。 每个动画都需要使用@keyframes这种at-rule语句定义，然后使用animation属性来调用它，如下所示： 每个@keyframes的 at-rule CSS语句规则都定义了在动画过程中的特 ...
分类：
Web程序 时间：
2019-10-08 16:08:38
阅读次数：
306
前端目录 HTML相关 CSS相关 JAVASCRIPT相关 DOM相关 HTTP相关 VUE相关 算法相关 网络安全相关 webpack相关 其他 Html相关 1 html语义化 意义：根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬 ...
分类：
编程语言 时间：
2019-10-07 10:00:04
阅读次数：
86
弹性盒模型 作用：控制子元素的布局方式 弹性盒的属性 flex direction 属性决定主轴的方向（即项目的排列方向） （默认值）：主轴为水平方向，起点在左端。 ：主轴为水平方向，起点在右端。 ：主轴为垂直方向，起点在上沿。 ：主轴为垂直方向，起点在下沿。 flex wrap 默认情况下，项目都 ...
分类：
Web程序 时间：
2019-10-06 18:30:28
阅读次数：
121
