HTML
关注
分享
扫一扫
cvper
向前走，打破前方的迷雾.....
展开
-
使用border 画三角形
使用CSS 的border实现各种三角形的效果原创 2016-12-17 12:33:08 · 1330 阅读 · 0 评论 -
css同时设置多个背景 背景图片显示的先后顺序问题
css 的background 可以设置多个背景图片：下面这个类名为 abc 的样式设置了两个背景图片，分别为：test.png 和 test2.jpg ,也就是说需要设置多少个背景图片，就设置几个 url 就可以了；.abc{width: 300px;height: 300px;border: 1px solid red;background:url( test1.p...原创 2018-07-17 22:51:55 · 14976 阅读 · 7 评论 -
localStorage 的实现
localStorage 实现了本地的永久存储；这一点和sessionStorage不同，后者在会话结束就清除了；先来看看localStorage的添加，应该是设置，“添加”不准确；方法：setItem( );实例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &原创 2018-05-08 02:16:14 · 540 阅读 · 2 评论 -
离线缓存 manifest 的设置
虽然 manifest 已经从web标准中移除，但是还是来看看manifest的实现吧；这个需要服务器的支持，也就是需要设置MIME,我在本地的wamp 环境下进行设置的，对应的是第四个，也就是下面最后一个 AddType application/x-compress .Z AddType application/x-gzip .gz .tgz AddType applicati...原创 2018-05-07 23:57:40 · 610 阅读 · 0 评论 -
移动端页面中的 点击高亮效果 -webkit-tap-highlight-color
移动端和pc 端页面的效果是有很多区别的，下面看一下这个移动端的点击高亮：当我们写一个链接时，我看看看点击效果：上面我们点击的时候出现了高亮的背景色，有的时候我们不需要的话就需要进行设置：设置 -webkit-tap-highlight-color: 参数 ;这里我设置了背景色透明，就是没有颜色：a{ .wh(100px,100px); display:block; -webk...原创 2018-04-22 23:24:19 · 6981 阅读 · 0 评论 -
移动端视口设置 viewport
提示：这里使用的测试工具是Chrome，老版本的Chrome，有的同学没见过这个，其实就是Chrome浏览器，如果有需要，可以留个邮箱；-----------------------------------------------------------先来看看第一个参数： <meta name="viewport" content="width=device-width">width...原创 2018-04-22 22:12:53 · 3061 阅读 · 0 评论 -
css定位 position：sticky
定位有各种各样的类型，我们来看看这个sticky ( 尽管兼容性有些问题，但是却很好用 )；先来演示一下：<!doctype html><html> <head> <meta charset="utf-8"> <title>position</title> <原创 2018-03-29 16:25:25 · 333 阅读 · 1 评论 -
前端中使用路径 / ./ ../ ../../ ../../../ 的含义
当我们需要使用图片资源的时候，就涉及到了路径问题，我们来看看基本的几个 / ./ ../ ../../ ../../../ 的含义；第一个 / 这个斜杠代表的是根目录的意思，什么是根目录呢？ 先看例子：F盘中有个文件夹vue_bamboos和一张图片 test-me.png ...原创 2018-04-16 00:58:03 · 14192 阅读 · 0 评论 -
纯 css 实现三角效果
之前写过一篇关于 border 如何实现一个三角形的方法，这一次，我们将在这个的基础上实现下面的效果：关于尺寸方面，自己看着来就行，无所谓的；步骤一：实现一个400*400的 红色1像素边框的div <!doctype html><html> <head> <meta charset="utf-8"> <...原创 2018-04-01 10:34:45 · 586 阅读 · 0 评论 -
h5（网页） 调用相机拍照和相册，实现图片上传功能
情景描述： 一个h5或者网页中需要上传图片功能，并且这个功能可以选择本地的图片或者拍照上传；实现方法： 我们在网页中是可以直接调用手机的相机或者上传本地图片的，也就是说，我们是有使用本地图片文件和 拍照的权限的，即便网页是在微信环境或者其他浏览器环境中，也都是可以的； ...原创 2019-05-03 22:56:07 · 20631 阅读 · 3 评论