html5+css3响应式垂直时间轴，使用了html5标签<section>，时间轴中所有的内容包括标题、简介、时间和图像都放在.cd-timeline-block的div中，多个div形成一个序列，并把这些div放在<section>中。 PC端: 移动端: html代码： <!DOCTYPE h ...
分类：
Web程序 时间：
2020-07-19 18:11:56
阅读次数：
166
应用DivCSS网页布局，经常性地会使用到float，很多邪门的事儿都有可能是浮动在作怪，清除浮动是必须要做的，而且随时性地对父级元素清除浮动的做法也被认为是书写CSS的良好习惯之一。下面看今天的教程，此为未清除浮动源代码，运行代码无法查看到父级元素浅黄色背景。 <style type=”text/ ...
分类：
Web程序 时间：
2020-07-19 16:18:39
阅读次数：
80
今天就重点讲解这个效果，首先，当有人说你能不能做一个圆形进度条效果出来时，如果是静态完整圆形进度条，那么就很简单了： .circleprogress{ width: 160px; height: 160px; border:20px solid red; border-radius: 50%; } ...
分类：
Web程序 时间：
2020-07-19 16:15:54
阅读次数：
72
虽然现代浏览器支持css3，但是一些过往的版本或是目前有些css3属性的应用还是离不开前缀的。一些牛逼且执着于web技术且乐于分享的仁兄(Lea Verou)就搞了个名叫prefixfree.js的插件可以自动补全前缀。首先在页面任意地方（能生效的方）插入插件: <script src="prefi ...
分类：
Web程序 时间：
2020-07-19 00:54:54
阅读次数：
135
CSS3的常规属性 背景属性——background ? 在css中使用background属性来设置背景，它的值有以下几个： 属性 描述 background 简写属性，作用是将背景属性设置在一个声明当中。 background-color 设置的是背景颜色。（颜色名 十六进制 rgb() rgb ...
分类：
Web程序 时间：
2020-07-18 22:15:21
阅读次数：
306
话不多说，先上效果图 本demo没使用JavaScript，纯CSS3实现，下面是完整代码 1 <html> 2 <head> 3 <meta charset="UTF-8"> 4 <title>时钟</title> 5 <style type="text/css"> 6 .screen{ 7 wi ...
分类：
Web程序 时间：
2020-07-18 15:52:50
阅读次数：
82
创建一个没有背景的圆，然后声明透明度为0.1的黑色边框(看起来是灰色)，修改左侧边框颜色。此时会有一个静态的看起来只有左边框有颜色的空心圆。然后声明一个该元素逆时针旋转360度的动画，并让该动画无限播放(infinite)即可。 使用的css3 特性: transform属性的 rotate，共一个 ...
分类：
Web程序 时间：
2020-07-18 00:31:25
阅读次数：
112
-webkit-tap-highlight-color 这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过JavaScript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要重设这个表现，你可以设置-webkit-tap-highlight-color为任何颜色。想 ...
分类：
Web程序 时间：
2020-07-17 19:44:21
阅读次数：
97
使用 CSS3 border-radius 属性，你可以给任何元素制作 "圆角"。 1，CSS3 border-radius 属性使用 CSS3 border-radius 属性，你可以给任何元素制作 "圆角"。 #rcorners1 { border-radius: 25px; backgroun ...
分类：
Web程序 时间：
2020-07-17 19:26:51
阅读次数：
82
html5的新特性 1.语义化标签 有利于seo，有助于爬虫抓取更多的有效信息，爬虫是依赖于标签来确定上下文和各个关键字的权重。 语义化的html在没有css的情况下也能呈现较好的内容结构与代码结构 方便其他设备的解析 便于团队开发和维护 2.表单新特性 3.多媒体视频(video)和音频(audi ...
分类：
Web程序 时间：
2020-07-17 09:32:12
阅读次数：
101
