利用css3里transform:scale 缩放属性控制 .box{ width: 100px; height: 1px; background: red; transform: scale(1,0.5); //scale(x轴缩放，y轴缩放) } 利用css画三角形 div{ height:0; ...
分类：
其他好文 时间：
2020-06-22 17:19:20
阅读次数：
90
CSS3属性制作动画 如何在网页中实现动画效果？ 动态图片 Flash JavaScript CSS3变形 CSS3变形是一些效果的集合 如平移、旋转、缩放、倾斜效果 每个效果都可以称为变形（transform），它们可以分别操控元素发生平移、旋转、缩放、倾斜等变化 语法： transform:[t ...
分类：
Web程序 时间：
2020-06-22 13:10:23
阅读次数：
84
第一步：父层设置文本居中属性。第二步：li设置内联样式。只需以上两步就可以实现导航栏居中显示了，但为了美观好看，可以稍微加点料。以下供参考：list-style:none; 取消列表前面的列表样式border-radius:25px; 设置圆角背景样式text-decoration:none; 取消... ...
分类：
Web程序 时间：
2020-06-22 12:38:30
阅读次数：
51
什么是CSS Cascading Style Sheet 级联样式表表现HTML或XHTML文件样式的计算机语言：包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定 CSS的优势 内容与表现分离网页的表现统一，容易修改丰富的样式，使得页面布局更加灵活减少网页的代码量，增加网页的浏览速度，节 ...
分类：
Web程序 时间：
2020-06-21 23:46:00
阅读次数：
110
<span>标签：能让某几个文字或者某个词语凸显出来 <p>享受<span class="show">“北大式”</span>教育服务</p> <p>在北大青鸟，有一群人默默支持你成就 <span id="dream">IT梦想</span></p> <p class="bird">选择<span> ...
分类：
Web程序 时间：
2020-06-21 23:41:27
阅读次数：
123
animation动画简介 通过类似Flash动画的关键帧来声明一个动画，在animation属性中调用关键帧声明的动画实现一个更为复杂的动画效 一、transform（转换动画、直接动画） rotate（旋转）包含三种状态，x、y、z三轴的变化， rotatex、rotatey、rotatez（默 ...
分类：
Web程序 时间：
2020-06-21 19:34:44
阅读次数：
480
渲染 从上面这个图上，我们可以看到，浏览器渲染过程如下： 解析HTML，生成DOM树，解析CSS，生成CSSOM树 将DOM树和CSSOM树结合，生成渲染树(Render Tree) Layout(回流):根据生成的渲染树，进行回流(Layout)，得到节点的几何信息（位置，大小） Painting ...
分类：
Web程序 时间：
2020-06-21 11:34:15
阅读次数：
81
CSS的概念 Cascading Style Sheet 级联样式表表现HTML或XHTML文件样式的计算机语言包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定 CSS的优势 内容与表现分离网页的表现统一，容易修改丰富的样式，使得页面布局更加灵活减少网页的代码量，增加网页的浏览速度，节省 ...
分类：
Web程序 时间：
2020-06-20 11:12:53
阅读次数：
155
CSS3中过渡和动画的区别和各自适用场景？ 区别： 1）语法： 过渡——transition: 属性名 完成时间 速度曲线 延迟时间; 动画——animation: 自定义名称 完成时间 速度曲线 播放次数 奇偶顺序 延迟时间; @keyframes 自定名称{} 需要先定义关键帧，再通过anima ...
分类：
其他好文 时间：
2020-06-19 21:14:04
阅读次数：
67
传送门 每一段圆弧直接求显然是不太好做的，但我们不难发现所有圆弧长度之和就是一个半径为 \(r\) 的圆的周长，那我们考虑只算直线段部分。 线段有两种：一种直接贴着矩形的边的，一种切于两个矩形圆角的。 第一种线段很好求，对于第二种线段画个图发现它其实就是这两段圆弧圆心的连线长度。 那么我们就直接把所 ...
分类：
其他好文 时间：
2020-06-18 21:10:15
阅读次数：
59
