由来从事软件行业一晃也5年有余，之间参与过若干个基于web的项目，所以javascript和Html基本已经相当熟悉，最近对于web前端开发比较关注，分析后发现CSS的确是自己的弱项，于是决定再加强下。就开始啃本书吧：《CSS权威指南》，此处以及以后文章都将以学习该书为基础展开。 ...
-
Google规范的原文链接大家可以访问：http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide. 1.协议头： 建议在指向图片或其他媒体文件、样式表和脚本的URL地址中省略http：https:协议部分，除 ...
-
此项其实并不是Bug，只是各浏览器默认付值不同造成的，其他明智的浏览器还好，这个bug只出现在IE6 IE7下 问题重现：<p>There are no scrollbars on this page in sane browsers</p>html, ...
2013年11月18日 18:005
-
一般来说flash中的数据是不能被现有技术很容易采集到的，但是也不能谈flash色变，要具体问题具体分析，有些flash是可以通过一些分析发现背后的数据。然后采集就变得很容易了。 具体案例：搜房房价走势采集。先看看房价走势页面： http://baolishangchen ...
2013年11月18日 16:005
-
这篇文章中，我们为大家编译一些有趣和创意的着陆页面设计例子，帮助你快速掌握着陆页设计技巧。着陆页面（Landing Pages）需要特殊的设计，抓住目标受众的整注意力，和数以百万计的网站竞争。 着陆页对于帮助网站把访问者转换成销售非常重要。因此，产品的消息必须明确，设计必须能吸 ...
2013年11月18日 13:001
-
一直被老婆抱怨不懂浪漫，老婆的生日又来了，老婆指着闺蜜空间上贴的老公做的胡萝卜心形浪漫晚餐告诉我：必须送她一份用心的礼物。我绞尽脑汁想出这么一法子，还是得用我们码农的独特方式，经过一天多的努力，终于做完了，来给大家晒一下,一共三个特效 1,六个字单列从右侧飞入；2，六个字闪烁；3 ...
2013年11月18日 10:002
-
Emmet就是以前的Zencodingdiv.wrapper#wrapper>div.right+div.left*2>span{nimei$}*3//. 类名 #id >下面 +同类 *2前面的来两个 {}里面的东西就是span里面的东西这样子就会生成< ...
2013年11月17日 02:000
-
前言阅读之前您也可以到Bootstrap3.0入门学习系列导航中进行查看http://www.cnblogs.com/aehyok/p/3404867.html本文主要来学习一下JavaScript插件--折叠。过渡效果 关于过渡效果对于简单的过渡效果，只需将transiti ...
-
requestAnimationFrame.js 1 window.requestAnimFrame = (function() {2 return window.requestAnimationFrame ||3 window.w ...
2013年11月16日 13:000
-
前言阅读之前您也可以到Bootstrap3.0入门学习系列导航中进行查看http://www.cnblogs.com/aehyok/p/3404867.html本文主要来学习一下JavaScript插件--按钮。按钮按钮可以完成很多工作。控制按钮状态或创建按钮组可以产生类似工具条 ...
-
上三角▲1 width: 0;2 height: 0;3 line-height: 0;4 font-size: 0;5 border-width: 10px;6 border-style: solid;7 border-color: transparent transparen ...
-
注：百度来的，改了改。。。jsp页面的的头要设置好<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8&quo ...
2013年11月15日 17:001
-
Extjs改变树节点的勾选状态今天系统中有处地方需要一个功能点击一个按钮后将树节点前的复选框去掉，变成没有选择的状态。网上搜索了半天，然后自己查查API，终于找到解决办法了，下面把方法贴出来。在Extjs3.x和4.x版本中的处理方法是不一样的， 3.x版本中可以这样操作：nod ...
2013年11月14日 15:010
-
这篇文章给大家带来25个喜庆的红色风格网页设计作品。红色是生命、活力、健康、热情、朝气、欢乐的象征。由于 红色在可见光谱中光波最长，所以最为醒目，给人视觉上一种迫近 感和扩张感，容易引发兴奋、激动、紧张的情绪。红色饱含着一种力量和冲动，内涵是积极向上的。您可能感兴趣的相关文章激发 ...
2013年11月13日 23:032
-
css3动画制作有那么三个属性：transform（变形）、transition（转换）、animation（动画），今天有时间就来学习下transform，毕竟最近碰到它了，觉得这个不会还是不好吧！ transform字面意思就是变形的意思。 一、rotate（旋转）： ...
-
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>css命名规范、html标签语义化< ...
-
在iOS 7.0.2 版本上，如果从主屏幕进入webapp且webapp进入全屏模式，那么alert和修改window.location到某产品对应的itunes下载页面则无效。可参考下面的代码示例：<!DOCTYPE html><html><hea ...
-
Simptip 是一个简单基于 Sass 的 CSS 工具提示效果。帮助你在网站中加入在不同的方向(上、左、右、下)的工具提示，也可以设置不同的颜色如成功、信息、警告和危险。最后还有其他特性如软边、半箭头，活动效果，渐变效果和多行提示等等。您可能感兴趣的相关文章那些让人惊叹的的国 ...
-
这段时间经常看到开发者在反复询问同一个问题，为什么通过设置src属性，不能播放本地的媒体文件？例如video.src=&rdquo;D:\test.mp4&rdquo;。这是因为浏览器中的JavaScript不能直接直接访问本地资源（例如文件系统，摄像头，麦克风等 ...
-
最近一个项目，动画效果全靠CSS3来做，用得比较多的transition，发现了一点火狐与其他浏览器的小差异。 首先我们写CSS的时候，一般为属性值为0的属性，我们一般会这样写 #id{ positon: relative; left: 0; right: 0;} 我记得有本 ...
-
前言阅读之前您也可以到Bootstrap3.0入门学习系列导航中进行查看http://www.cnblogs.com/aehyok/p/3404867.html本文主要来讲解以下内容1.导航2.标签3.面包屑导航4.总结导航 Bootstrap中可用的导航有相似的标记，用基类 ...
2013年11月09日 12:002
-
要想写出跨浏览器的CSS，必须知道浏览器解析CSS的两种模式：标准模式(strict mode)和怪异模式(quirks mode)。所谓的标准模式是指，浏览器按W3C标准解析执行代码；怪异模式则是使用浏览器自己的方式解析执行代码，因为不同浏览器解析执行的方式不一样，所以我们称之 ...
-
HTML 很容易写，但创建网页时，您经常需要重复做同样的任务，如创建表单。在这篇文章中，我收集了10个超有用的 HTML 代码片段，有 HTML5 启动模板、空白图片、打电话和发短信、自动完成等等，帮助你提高开发速度。您可能感兴趣的相关文章赞！九个不可思议的 WebGL 应用 ...
-
前言阅读之前您也可以到Bootstrap3.0入门学习系列导航中进行查看http://www.cnblogs.com/aehyok/p/3404867.html终于把前面关于Bootstrap CSS部分简单的学习了一遍，应该忽视了比较多的细节问题。不过大部分的内容我都过了一遍， ...
2013年11月07日 16:000
-
直接切入正题红色的表示为要注意统一的。蓝色是表示要更改的。内容高度一定要大于box1的高度否则不会滚动，本框架用的是phpcms,大家可根据自己的框架更改循环。演示地址http://www.er-china.com/index.php?m=content&c=index& ...
-
1.css样式与html样式：.html样式只影响应用它的文本和使用所选Html样式创建的文本2.设置页面关键字: <meta > 元信息标记用法：<meta name="keyname" content="具体的关键字" ...
-
《CSS 魔法系列》继续给大家带来 CSS 在网页中以及图形绘制中的使用。这篇文章给大家带来的是纯 CSS 绘制五角星、六角形、五边形、六边形、心形等等。 我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活，只要你发挥创意就能实现很多比 ...
-
本文处之：http://www.w3cfuns.com/blog-1-534.html规范目的为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或 ...
-
在CSS权威指南中有如下一段关于文本和字体的描述，摘记如下： 字体是“文字的不同体式”，或者说是文字的形体结构。对于英文来说，每种字体都是有一组具有独特样式的字母、数字和符号组成。根据外观，字体可以分为不同的类别（Font Collection），包括衬线字体（serif）、 ...
-
Web 设计人员正在不断寻找新的迷人的和独特的东西以吸引读者的目光，这也适用于字体。字体中在抓住观众的注意力的过程中发挥了至关重要的作用，引导读者深入发现内容的内在价值。 手写字体风格可分为两大类：斜体手写字体和手稿笔迹字体手写风格。手稿字体有垂直字母，常被称为花哨的字体。斜体 ...
2013年11月05日 00:0014
-
在使用slideToggle的时候，会出现在实现隐藏效果后闪烁一下在消失，找了很多原因，本以为是浏览器问题，后来发现是文档定义类型的问题...原来页面的文档定义：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transi ...
-
前言 在前面的一篇文章当中http://www.cnblogs.com/aehyok/p/3400499.html主要学习了栅格系统的基本原理，以及通过简单案例进行对原理的实践。通过今天对中文网http://www.bootcss.com/ 的进一步了解，决定将原来的《Bo ...
2013年11月04日 13:001
-
关于按钮文字隐藏已知的一些处理方法都不是很完美：方法一 text-indent负值法ie6，7下按钮本身也会被拐飞 - -方法二 font:0/0 a 方法ie6，7下会在按钮上看到一条细线 解决方案对于高级浏览器 可以使用color:transparent对按钮文字进行隐藏 ...
2013年11月04日 12:000
-
在使用slideToggle的时候，会出现在实现隐藏效果后闪烁一下在消失，找了很多原因，本以为是浏览器问题，后来发现是文档定义类型的问题...原来页面的文档定义：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transi ...
2013年11月04日 12:000
-
前言 首先在此多谢博友们在前几篇博文当中给与的支持和鼓励，以及在回复中提出的问题、意见和看法。 在此先声明一下，之前在下小菜所有的随笔文章中，只有前两篇关于Bootstrap的文章发表在了博客园的首页，对于发布的这两篇文章的感受就是：大家的参与度比之前的高很多。当然也不是说看 ...
2013年11月04日 00:003
-
在这篇文章中，我们编译了一组有用的 CSS3 动画按钮教程和引人注目的实验。正如我们都知道的，CSS3 在网页设计方面是最重要和最关键的，可以使您的网站对访客更具吸引力和互动性。你可以学习这些教程和试验中的优秀技术并使用它们为您的网站作品创造更多的乐趣。您可能感兴趣的相关文章23 ...
-
一、名词解释一、 HTML : Hypertext Markup Language 超文本标记语言二、 CSS : Cascading Style Sheet 层叠样式表三、 浏览器:解释和执行HTML源码的工具。a) ...
-
我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活，只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用，更多新奇的 CSS 作品涌现出来。 今天这篇文章开始推出《CSS 魔法系列》，给大家带来 CSS 在网页中以及图 ...
-
效果如下: 点我下载 ...
2013年11月02日 10:000
-
1.了解将浏览页面的用户 在做Web页面的时候，我们总是应该首先想到的是用户。因为用户决定了一个作品的成败与否，基于这一个原则，我们首先应该要做的是了解用户。了解用户使用的浏览器，了解用户对象，了解用户可能遇到或者应该会遇到问题，当然最后还需要了解用户的使用习惯。通过什么样的办法 ...
-
解决办法:打开jquery.fancybox-1.3.4.css 注释掉这行就行了： .fancybox-ie6 #fancybox-close { background: transparent; ...
-
padding内(不包含padding)的部分才是可输入部分，也是width和height标明的区域。padding的部分加上width和height部分是background的部分。padding的外部是border的部分，border的外部是margin的部分。 2013 ...
2013年10月31日 17:001
-
border-radius向元素添加圆角边框，css3中的。IE9+ chrome safari5+ firefox4+ 现在都支持。可以向input div等设置边框。与border相似，可以四个角一起设置，也可以单独设置。语法：border-radius: 1 ...
-
font-family采用一种"回退"的形式来保存字体，可以写若干种字体。当第一种字体浏览器不支持的时候，会找第二种字体，一次类推。font-family字体分为两类：特殊字体系列：就是具体的每种字体，如：宋体、Times New Roman等 通用字体系 ...
-
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="menuText.aspx.cs" Inherits="WebApplication1. ...
-
嵌入页面：----------------------------------------------------<iframe width="990" height="376" scrolling="no" fr ...
-
<area>标记主要用于图像地图，通过该标记可以在图像地图中设定作用区域（又称为热点），这样当用户的鼠标移到指定的作用区域点击时，会自动链接到预先设定好的页面。其基本语法结构如下： <area class=type id ...
-
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> ...
-
在这篇文章中，我们展示的是自由和清新的 UI 设计素材套件。这些线框图和 UI 设计工具包让设计师在设计用户界面原型的时候能够非常便利。 Web 用户界面，移动用户界面和线框套件对设计师很有用，因为这些套件让他们使用快速和有效的方式复制用户界面。这些类型的工具包提供了一个基本的用 ...
-
我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活，只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用，更多新奇的 CSS 作品涌现出来。 今天这篇文章开始推出《百变 CSS 系列》，给大家带来 CSS 在网页中以及 ...
-
中文版Chrome浏览器不支持12px以下字体的解决方案Chrome 27之前的中文版桌面浏览器会默认设定页面的最小字号是12px，英文版则没有限制，主要是因为chrome认为汉字小于12px就会增加识别难度，尤其是中文常用的宋体和微软雅黑。而我们在实际项目中，对于数字/英文内容 ...
-
十一月是属于秋的季节，大自然的颜色在这个特殊的时节神奇变化。进入秋季，太阳高度角渐低，温度渐降；秋风送爽、炎暑顿消、硕果满枝、田野金黄。这篇文章向大家分享一组精美的2013年11月桌面日历壁纸供大家免费下载。这些高清日历桌面壁纸都是精心挑选的，赶紧挑选一张为你的桌面换上吧。您可能 ...
2013年10月26日 16:000
-
10-13http://taligarsiel.com/Projects/howbrowserswork1.htm#The_main_flow去除单选按钮/链接获取焦点时虚线框 一种解决方法：onfocus = "this.blur()"在点击后立即使其失 ...
2013年10月25日 17:020
-
转载 http://www.jb51.net/web/62128.html 有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使<input type="text" name="input1" value= ...
-
HTML 特殊符号编码对照表特殊符号命名实体十进制编码特殊符号命名实体十进制编码特殊符号命名实体十进制编码&Alpha;&Alpha;&Beta;&Beta;&Gamma;&Gamma;&Delta;&Delta;& ...
-
modelmodel的get和set是对model.attributes进行操作,并不是直接对model进行操作 collectioncollection.set()会触发相应的add,remove,change事件collection.reset()只会触发reset事件 ...
2013年10月25日 00:010
-
门户网站 portals website 网站导航 site map 公司简介 profile / company profile / company 公司设备 equipment 公司荣誉 glories 企业文化 culture 产品展示 product 资质认 ...
2013年10月24日 23:000
-
HTML5 Cheat sheet PNG帮助手册（标签、事件、兼容）1、HTML5标签2、HTML5事件3、HTML5兼容最新HTML5手册资料请参考：http://www.inmotionhosting.com/infographics/html5-cheat-sheet/ ...
-
前端开发规范----细则一、前端开发规范目的为提高团队协作效率，便于后台人员添加功能及前端后期优化维护，输出高质量的文档，同时为网站有一个更好的前端架构及网站的发展及未来打好一个基础。二、基本准则符合web标准，语义化html， 结构表现行为分离，兼容性优秀。页面性能良好，代码要 ...
-
效果：原理： 用canvas逐行输出文字，然后让背景颜色逐渐加深，再随机中断某些列。代码：HTML：<canvas id="c"></canvas>CSS：canvas {display: block;}JS：var c = docu ...
