说起css伪类，学习web前端网页设计的同学们应该对此应该不是很陌生，以前很多的网页的特效大多是通过js来实现的。但是随着CSS3不断开发，利用css实现网页的特效不仅响应不错，而且还减少了很多的代码量。开发网页代码的效率也极大提高，今天我就跟大家分享一下学习css伪类的一些小经验. 对于开始接触css的朋友来说，在看其他人的代码的时候会经常看到 :hover,:foucs,:before,:after等相关代码，其实这些就是css伪类代码。...
先看一下结果吧 框架 top 学生登录 学生注册 login mainregister 作者个人简介 李白个人简介 这是一个框架实例应用 这是一个框架,链接登录，注册简单应用！ 这是作者的个人简介李白(唐朝著名浪漫之一诗人) 李白（701年2月8日?762年12月）[1] ，字太白，号青莲居士，又号“谪仙人”。是...
目录 1. iScroll介绍 2. 安装和使用 3. 简单的iScroll例子 4. Pinch & Zoom 5. Snap to element 6. iScroll 详细参数 1. iScroll介绍 一般我们在开发传统Web网站时，偶尔会用固定某一区域的宽度/高，然后借用设置这一区域的overflow:scroll，使得其里面超过该区域范围的内容，可以通过移动滚动条来查看。 而在iOS(iOS5以下)的mobile Safari以及Android的浏览器当中，原生不支持页面内任意区域的overflow:scroll这...
做一个点击查看显示详细信息的效果。 说一下问题描述，最外面的父元素overflow-parent设置了overflow:hidden， 然后子元素overflow-child没有设置overflow，设置了relative，为其包含的绝对定位的元素进行位置确定,这个元素点击时高度增加到300px. 效果图： 接下来点击这个绝对定位的元素，效果如下，我们发现没有超过包含的最终父元素overflow-parent。 然后把overflow-parent的overflow去掉，好了...
利用HTML5的Canvas API可以完成我们以前意想不到的动画效果，以前我们想在网页上放置一个时钟，需要先用flash工具制作一个钟表，并写上复杂的JavaScript代码，然后载入到页面中。而HTML5的到来，我们可以直接在页面中使用canvas标签并配合javascript就可以完成一个漂亮的时钟。今天，我们一起来使用HTML5制作一个指针会走动的时钟。HTML我们只需要在html中放置一个canvas标签：#clock，宽度和高度都是400px。 [ht...
自认为把background-position的应用讲得非常通俗易懂的教材。做个记号。 相信很多喜欢研究网页界面的童鞋都遇到过一个奇妙的现象：网页中很多图片素材被合成在一张图片上。 起初小菜模仿网站的时候，经常遇到这个现象，那时候也不知道这时什么技术，人家的整张图片素材不会利用，只能用ps切图，切成单个的再用。。。 其实，这是一个非常简单的技术，就是因为想象的太难了，才一直找不到问题的关键。...
本文详细描述了display:inline-block的基础知识，产生的问题和解决方法以及其常见的应用场景，加深了对inline-block应用的进一步理解。 基础知识 display:inline-block是什么呢？相信大家对这个属性并不陌生，根据名字inline-block我们就可以大概猜出它是结合了inline和block两者的特性于一身，简单的说：设置了inline-block属性的元素既拥有了block元素可以设置width和height的特性，又保持了inline元素不换行的特性。 举...
样式中的顺序问题。 如：padding，margin,border,等，都是按照顺时针方向赋值的，及上右下左。 Padding:1px 2px 3px 4px;(top:1px;right:2px;bottom:3px;left:4px;) Border-radius:3px;表示四个角都是3像素的圆角。 Border-radius:3px 4px 5px 6px;四个角的圆角度数都不一样，左上为：3px;右上为：4px,右下为5px；左下为6px； 样式中的缩写。 我们在样式中经常看到这样的写法： margin：0 ...
网页中应用CSS样式的几种方式:建议:尽可能的手写代码，可以有效的提高学习效率和深度。网页使用CSS样式的方法有多重，下面简单介绍一下:一.将样式直接写在标签之内，例如: 蚂蚁部落 此中方式的优点是使用灵活，但是缺点也很明显，比如不能够统一管理样式，容易造成页面体积庞大等等问题。二.在与标签内写CSS样式，例如: 蚂蚁部落 .mytest{ color:red; font-weight:bold } 蚂蚁部...
我在js代码特效网站，找到一个鼠标滑动切换内容的代码，但是怎样把这个代码套进去网站，实际来应用呢？ 做成图片上面这张可以实际应用 来切换的 回复讨论(解决方案) 图片上网站的例子网址：tzrlfk 前面www. 和.com 不知道能不能发网址 1111*{ margin:0; padding:0; list-style:none;}body{ font-size:12px; color:#666; text-align:left;}h1{ text-align:cen...
后续DWZ框架准备支持响应式。为了感谢大家多年来的支持，现推出DWZ＋Bootstrap响应式临时解决方案。 源码下载地址： http://git.oschina.net/dwzteam/dwz_bootstrap bootstrap + dwz 表单验证，ajax表单提交，在文件上传的表单异步提交，错误提示表单如果很长，有错误提示时，会自动滚动到页面头部，方便看出错信息使用的时候只要在form上加一个class="required-validate" 就可以自动判断是 ajax提交还是, 文件上传提交，会...
http://www.mmtrix.com/ 官网 http://www.mmtrix.com/evaluate/result?popup=true 网页检测
1.atom/electron github: https://github.com/atom/electron 中文文档： https://github.com/atom/electron/tree/master/docs-translations/zh-CN 2.下载 electron-v0.36.5-win32-x64 https://github.com/atom/electron/releases/download/v0.36.5/electron-v0.36.5-win32-x64.zip 3.新建一个项目-快速入门： https://github.com/atom/electron/blob/master/docs-translations/zh-CN/tutorial/quick-start.md 大体上...
不久前，“微信之父”张小龙轻描淡写的宣布了计划推出“应用号”的消息，激起了千层浪。这是一招妙棋，它是微信探索服务号失败之后的重要动作，承载了微信这个超级平台商业化闭环的重任。 1、三大号定位清晰号令天下 服号因为推送机制、功能设计的缺陷，一直鸡肋。服务号升级成应用号，水到渠成。 订阅号，专注内容和资讯;企业号专注办公(CRM、OA等)，应用号专注APP服务。葫芦娃三兄弟，号令天下。 2、普及微信支付肉...
一、你至少应该知道ARIA是什么东西！ WAI-ARIA指无障碍网页应用。主要针对的是视觉缺陷，失聪，行动不便的残疾人以及假装残疾的测试人员。尤其像盲人，眼睛看不到，其浏览网页则需要借助辅助设备，如 屏幕阅读器，屏幕阅读机可以大声朗读或者输出盲文。 而ARIA就是可以让 屏幕阅读器准确识别网页中的内容，变化，状态的技术规范，可以让盲人这类用户也能无障碍阅读！ 二、为什么需要ARIA？ 回答标题问题前我先问其他...