做这个案例之前首先要大概了解CSS的transform的属性 transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。 看看效果图 打开的时候自动旋转,当鼠标经过的时候加快旋转速度,鼠标移开就恢复原来的速度。 参考代码:(为了美观可以自已加上一直背景 ...
分类:
Web程序 时间:
2018-07-19 13:42:37
阅读次数:
929
在项目开发中我们采用的CSS3新特性有 1.CSS3的选择器 1)E:last-child 匹配父元素的最后一个子元素E。2)E:nth-child(n)匹配父元素的第n个子元素E。 3)E:nth-last-child(n) CSS3 匹配父元素的倒数第n个子元素E。 2. @Font-face ...
分类:
Web程序 时间:
2018-07-19 13:33:29
阅读次数:
142
1 介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的? 标准盒子模型:宽度=内容的宽度(content)+ border + padding + margin低版本IE盒子模型:宽度=内容宽度(content+border+padding)+ margin 2 box-sizing ...
分类:
Web程序 时间:
2018-07-18 21:39:21
阅读次数:
1028
一、HTML5 CSS3 CSS3有哪些新特性? 1. CSS3实现圆角(border-radius),阴影(box-shadow), 2. 对文字加特效(text-shadow、),线性渐变(gradient),旋转(transform) 3.transform:rotate(9deg) scal ...
分类:
Web程序 时间:
2018-07-18 21:38:14
阅读次数:
178
高度自适应实现水平垂直居中 方法一 CSS3中有transform属性,此属性下有一个translate移动函数,此函数接受两个参数。如果两个参数都为百分比值,此时会基于自身宽度和高定进行移动。此函数移动的机制同position:relative相似。 优点:无需定高度。高度随内容自适应。缺点:元素 ...
分类:
其他好文 时间:
2018-07-17 18:09:26
阅读次数:
174
1.前言 css3这个相信大家不陌生了,是个非常有趣,神奇的东西!有了css3,js都可以少写很多!我之前也写过关于css3的文章,也封装过css3的一些小动画。个人觉得css3不难,但是很难用得好,用得顺手,最近我也在过一遍css3的一些新特性(不是全部,是我在工作上常用的,或者觉得有用的),以及 ...
分类:
Web程序 时间:
2018-07-13 15:16:50
阅读次数:
469
1.css3简介 CSS3是CSS(层叠样式表)技术的升级版本,于1999年开始制订,2001年5月23日W3C完成了CSS3的工作草案,主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。 2.css3背景 <css3>概览有几个很棒的背景属性,它们提供了对背景 ...
分类:
Web程序 时间:
2018-07-11 22:58:26
阅读次数:
554
一,前端开发的概念 Web前端开发是从网页制作演变而来(以前称为网页制作),名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观 ...
分类:
其他好文 时间:
2018-07-08 12:38:46
阅读次数:
170
在Web中使用什么单位来定义页面的字体大小,至今天为止都还在激烈的争论着,有人说PX做为单位好,有人说EM优点多,还有人在说百分比方便,以至于出现了CSSFont-Size:emvs.pxvs.ptvs.percent这样的PK大局。不幸的是,仍然有不同的利弊,使各种技术都不太理想,但又无法不去用。真是进也难,退也难呀。 最近在学习em的相关知识的时候,无意之间让我拾得一宝,就是使用re
分类:
Web程序 时间:
2018-07-07 10:41:43
阅读次数:
223
在实际开发中,有时可能会有打印的需求。下面我总结了2种打印的方法,希望对各位小伙伴有所帮助。 ①:直接用window.print()方法就可以打印整个页面,下面是一个小demo 原文参考:https://www.cnblogs.com/qingtaong/archive/2012/07/27/261 ...