:hover 当鼠标放到上面时会产生变化 border-radius: 设置圆角 可以分别设置4个角 background-image: linear-gradient(to right,#ff9000,#ff5000);设置线性渐变，括号里的参数第一个参数为方向第二个参数为起始的颜色第三个参数为结 ...
分类：
Web程序 时间：
2020-06-26 16:32:20
阅读次数：
75
为什么要使用CSS3？ 有效的传递页面信息使用CSS美化过的页面文本，使页面漂亮、美观，吸引用户可以很好的突出页面的主题内容，使用户第一眼可以看到页面主要内容具有良好的用户体验 <span>标签 <span>标签 的作用能让某几个文字或者某个词语凸显出来 字体样式 属性名含义举例 font-fami ...
分类：
Web程序 时间：
2020-06-26 16:21:54
阅读次数：
124
这种效果自己可以基于 HTML5 和 CSS3 来实现垂直时间轴，需要循环遍历数据，判时间轴的长度，在做一定的适配，可以响应页面布局，在 PC 和移动手机上做到很好的自适应，但是需要一些对前端知识有一定的了解。 其实，通过报表工具实现那种垂直的时间轴记录表是很容易的，设置也很简单，通过带有一个带有时 ...
分类：
其他好文 时间：
2020-06-24 17:49:55
阅读次数：
99
最近遇到一个需求，要在图片上显示带有半透明背景的文字，效果如下图所示： 看到这个需求之后，第一反应是使用CSS3中的opacity设置元素的透明度。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name=" ...
分类：
Web程序 时间：
2020-06-24 00:10:29
阅读次数：
97
布局是前端开发最基础作重要的技能，两列，三列布局是网站页面中应用最多的一种布局样式基本上是：左右结构左边是分类右边是内容，左中右结构，主要内容在中间，两边放次要内容。
在css刚刚兴起的时候页面的布局都是用的表格来实现的，随着css发展，各种浮动，定位布局开始流行，特别是css3的出现使得我们在实现... ...
分类：
其他好文 时间：
2020-06-24 00:07:16
阅读次数：
124
利用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
什么是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
