【一、项目背景】在浏览一些网站的时候，经常会看到很多的炫酷的效果去装饰页面，使它看起来更高端大气一些。比如，艺龙就采用了图片上加载文字，点击图片使把对应的图片放大，使用户清晰，直观的看到内容。这种效果该怎么做呢？今天教大家用简单的html+css3结合制作艺龙的页面效果。【二、项目准备】1、图片：新建img文件，准备自己喜欢的五张图，保存在文件夹。2、软件：Dreamweaver【三、项目目标】运
分类：
Web程序 时间：
2020-09-07 18:46:28
阅读次数：
56
1.H5和CSS3新特性 #H5新特性 语义化标签：header、footer、section、nav、article 增强型表单：input的type，如email、range、number、search、url、date等 新增表单属性：placeholder、required、min和max ...
分类：
其他好文 时间：
2020-09-02 16:44:05
阅读次数：
55
知识点一：旋转 transform: rotate(180deg) //只能传一个参数，，正值是顺时针 负值是逆时针 度数用deg表示 沿着x轴旋转： transform: rotateX(180deg); 沿着Y轴旋转： transform: rotateY(180deg); 默认是沿着中心旋转。 ...
分类：
Web程序 时间：
2020-08-27 13:01:09
阅读次数：
73
知识点一：渐变 线性渐变 background: linear-gradient(red,blue); background: linear-gradient(red 10%,blue 90%); background: linear-gradient(to right, red 10%,blue ...
分类：
Web程序 时间：
2020-08-26 18:31:25
阅读次数：
62
一、处理浏览器兼容问题 html5shiv.min.js 处理ie9以下的对于H5标签的兼容性问题 respond.js 处理css3的兼容性问题 加判断，如果是IE9以下的浏览器，就执行这个代码 <!-- 条件注释 --> <!--[if lt IE9]> <script src="http:// ...
分类：
Web程序 时间：
2020-08-20 18:18:04
阅读次数：
100
CSS伪元素 :first-line； :first-letter :before :after :first-line 伪元素 "first-line" 伪元素用于向文本的首行设置特殊样式。 <html> <head> <style type="text/css"> p:first-line { ...
分类：
Web程序 时间：
2020-08-19 19:19:47
阅读次数：
80
1、开发工具 编辑器：dw：省事儿、控件的拖动 sublime:文艺青年喜欢用 webstorm:编辑快速 Hbuilder:快、生成安装包 Vscode:逻辑性高、各个公司都用（最终选择它） 五大主流浏览器：火狐浏览器 ————因为内核不同 Geoko 谷歌浏览器（最终选择它） Webkit->B ...
分类：
Web程序 时间：
2020-08-18 13:53:54
阅读次数：
94
beforeEnter: function(el) { // 通过绝对定位，小球css的top和left值一直都是固定的 //不管怎么滚动，小球的x y坐标固定 el.style.transform = "translate(0,0)"; }, enter: function(el, done) { ...
分类：
其他好文 时间：
2020-08-12 15:52:47
阅读次数：
66
求解： 项目中有一个按钮，按钮点击后会弹出一个窗口 这个窗口作为一个子组件引入按钮所在的父组件 大致为以下结构： <div id="a"> <按钮组件></按钮组件> </div><style scoped> #a：hover{ transform： translate（1.5px， 1.5px） ...
分类：
Web程序 时间：
2020-08-11 15:56:00
阅读次数：
79
文字阴影 text-shadow: 水平偏移 垂直偏移 模糊 颜色 兼容性：IE10+ <!DOCTYPE html> <html lang="en" manifest="index.manifest"> <head> <meta charset="UTF-8"> <title>Document</ ...
分类：
Web程序 时间：
2020-08-09 16:47:46
阅读次数：
84
