- 博客(23)
- 资源 (8)
- 收藏
- 关注
原创 css判断iPhone样式
css 判断是iphone4s iphone5 加载不同样式1、@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s */ .class{}}@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){...
2017-11-24 20:13:30 4636
原创 样式重置 css、reset.css
移动端:<style>*{margin: 0;padding: 0;}h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }h1...
2017-11-24 20:09:10 423
转载 CSS3 - 鼠标经过图片缓慢放大、鼠标离开缓慢还原
代码css.newli_img{ width: 231px; height: 149px; overflow: hidden;}.newli_img:hover img{ -webkit-transform:scale(1.2);/*在Safari 和 Chrome兼容下还原*/ -moz-transform:scale(1.2);/*在Fire...
2017-11-21 11:17:30 1857
原创 nth-child和nth-of-type的区别
Css3 child是从1开始计数、n是从0开始计数的控制子元素1、first-childfirst-child表示选择列表中的第一个标签。代码如下:li:first-child{background:#090}上面的意思是,li 列表中的 第一个li模块的背景颜色。2、last-childlast-child表示选择列表中的最后一个标签,代码如下:li:last-chil...
2017-11-20 15:10:28 686
原创 html 文字两边加横线\竖线\ Css3中间文本两侧横线、左侧添加一个竖线
第一种://横线<style> .exple { height: 50px; line-height: 60px; text-align: center; } .order .line { display: inline-block; width: 250px; // 横线长度 border-top: 1...
2017-11-11 14:24:05 20086 1
原创 网页自动适应手机端
判断是否为手机端 if (window.navigator.userAgent.toLowerCase().indexOf('mobile') == -1) {//-1 为PC端 1为移动端 }贴出代码 复制过去吧网站对移动设备友好,确保适当的绘制和触屏缩放:<meta name="viewport" content="width=device-width, in...
2017-11-10 11:09:32 5795
原创 原生js横幅广告轮播图
手把手原生js简单轮播图原生js实现图片轮播效果<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xht...
2017-11-09 17:50:01 2099
原创 web 兼容性问题
1、居中问题div里的内容,IE默认为居中,而FF默认为左对齐,可以尝试增加代码margin: 0 auto;2、高度问题两上下排列或嵌套的div,上面的div设置高度(height),如果div里的实际内容大于所设高度,在FF中会出现两个div重叠的现象;但在IE中,下面的div会自动给上面的div让出空间所以为避免出现层的重叠,高度一定要控制恰当,或者干脆不写高度,让他
2017-11-28 15:26:06 323
转载 web 前端面试题目
1. 谈谈你对js闭包的理解:使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染,缺点是闭包会常驻内存,会增大内存使用量,使用不当很容易造成内存泄露。闭包三个特性: ①:函数嵌套函数; ②:函数内部可以引用外部的参数和变量; ③:参数和变量不会被垃圾回收机制回收2. 谈谈你对C
2017-11-28 15:03:53 467
转载 图片懒加载\滚动加载
* { padding: 0; margin: 0;}#main { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -moz-column-gap:20px; -webkit-column-gap:20px; column-gap:20px; paddin
2017-11-27 18:27:46 676
原创 css3瀑布流卡片展示
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <
2017-11-27 18:24:43 1189
转载 原生js实现瀑布流
原生js实现瀑布流 body{ overflow: scroll; height: 1000px; } *{ margin: 0; padding: 0; } #main{
2017-11-27 16:42:39 249
原创 CSS3瀑布流
CSS3瀑布流 /*大层*/ .container{width:80%;margin: 0 auto;} /*瀑布流层*/ .waterfall{ -moz-column-count:4; /* Firefox */ -webkit-column-count:4; /* Safari 和 Chrome */
2017-11-27 16:14:12 355
转载 web 前端和后台配合工作流程
下面结合代码演示前端和后台配合工作流程。GET方式html>head> meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> title>title> meta charset="utf-8" /> script type="text/javascript" src="
2017-11-27 11:12:24 20834 1
原创 html 加载文件.swf、音乐文件
Flash: 提示:src=*.swf 这里是你的SWF文件地址,你可以用网页上的,也可以从你图像组里面调用,确保地址正确,否则根本无法找到文件。width="00" height="00" 这里的参数你可以根据自己的需要设置。
2017-11-25 16:17:01 1270
原创 input的required属性
<form action="demo-form.php"> Username: <input type="text" name="usrname" required> <input type="submit"></form>当一个input标签设置了required属性时,若属性值为true,则表示当能容为空时,不允许提交inpu...
2017-11-16 16:21:01 2532
原创 textarea 属性
简单的说下 这两个属性。在HTML中有2个属性是控制textarea是否可输入disabled 属性该属性规定禁用文本区。被禁用的文本区既不可用,也不可点击;readonly属性该规定文本区为只读。在只读的文本区中,无法对内容进行修改,但用户可以通过 tab 键切换到该控件,选取或复制其中的内容;使用readonly属性
2017-11-15 10:54:43 3372
原创 图片跟随鼠标
body { height: 5000px; } img { position: absolute; padding: 10px 0; border: 1px solid #ccc; cursor: pointer;
2017-11-09 18:22:00 599
原创 原生js焦点图轮播
分享给各位各种轮播图 我只给所有代码 你们自己改自己需要的地方。1.左右焦点图 点击<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> &
2017-11-09 18:09:16 418
原创 html里面type的主要类型 || HTML5新增表单控件和表单属性
placeholder 属性适用于以下的 <input> 类型:text, search, url, telephone, email 以及 password。值 "text/css" 指示内容是标准的 CSS。text/css和text/javascriptbutton:定义可点击的按钮(通常与 JavaScript 一起使用来启动脚本)。<br><input...
2017-11-09 10:46:51 1526
原创 如何查看微信页面的源代码
有一次做项目 叫我把手机微信上一个页面的源代码 给扒下来。好嘛,这个怎么搞呢。先是 想把链接发送到qq上面 打开。 显示请用微信客户端查看。这可怎么办?然后就百度 查资料。还在自己的手机上下载了一个叫做 view source的app 还是没用。 终于经过我的不懈努力。终于有点眉目。就口头教大家操作一下。第一步:在你的电脑上 打开微信登录网页版。扫码登录第二步:把你想看的网页......
2017-11-09 09:25:51 37165 7
原创 mysql数据库练习题
有一段时间想好好的练习一下数据库 就去网上找了好多练习题目。但是这些练习题目都感觉好少 所以我把我搞到的所有数据库练习题 综合了一下起来。喜欢的小好伙伴们赶紧收藏好了撒。一次够你练习几个小时了 别坚持不下去了撒 那我就贴出来了//登录和退出数据库1:mysql -u root -p//输入密码2: exit3: mysql -u root -pcreate
2017-11-08 18:42:33 7681
jQuery插件实现图片展开效果,jquery.gallery。仿腾讯QQ空间说说图片展示效果。.html
2020-04-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人