今日完成任务 网页布局 1. bootStrap栅格系统 响应式web布局是让用户通过不同尺寸的浏览器都可以获得良好视觉的一种方法。是目前比较流行的一种布局方法。 通过CSS3 Media Queries（媒体查询），媒体查询是让页面内容在不同的媒体环境下运行时可以展示不同的样式。@media是CS ...
分类：
Web程序 时间：
2020-07-22 15:47:05
阅读次数：
119
1、CSS Filter 使用CSS过滤器属性可能是最简单的方法把图像变成灰度。以往,IE浏览器有一个专有的CSS属性称为过滤应用自定义效果包括灰度。 现在,过滤器属性是CSS3规范的一部分,并支持在一些浏览器,Firefox、Chrome和Safari。以前,我们也提到Webkit过滤器,它不仅将 ...
分类：
其他好文 时间：
2020-07-21 21:55:21
阅读次数：
131
css控制div的各种形状 CSS3的一个非常酷的特性是允许我们创建各种规则和不规则形状的图形，从而可以减少图片的使用。 以前只能在Photoshop等图像编辑软件中制作的复杂图形现在使用CSS3就可以完成了。 通过使用新的CSS属性，像transform和border-radius，我们可以创建非 ...
分类：
Web程序 时间：
2020-07-21 14:10:39
阅读次数：
121
1、项目初始 基于vue-cli搭建项目 vue create news-app 页面采用flex布局、样式使用sass 2、首页的搭建 主要包括导航栏，轮播图，及主要新闻的展示 2、点击导航栏可进行不同新闻的切换 通过id的不同获得不同的数据，进行页面渲染，每个页面只展示5条数据，对页面进行分页， ...
分类：
Web程序 时间：
2020-07-20 15:50:35
阅读次数：
169
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
