- 博客(39)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 CSS Hack汇总快查(CSS兼容代码演示)
文章出处和来源网址：http://www.divcss5.com/css-hack/c284.shtml以下是常用CSS HACK问题及解决代码-DIV+CSS网支持1、屏蔽IE浏览器（也就是IE下不显示） *:lang(zh) select {font:12px !important;} /*FF的专用*/select:empty {font:12
2015-03-20 20:55:26
383
原创 jquery输入框按下回车提交表单
jQuery on()方法是官方推荐的绑定事件的一个方法$('#password').on('keydown', function(e) { // 短路语法，当e.keyCode == 13成立的时候就执行后面的submit，否则就啥都不执行。 e.keyCode == 13 && $('#myForm').submit();}); $(
2015-03-18 19:43:33
475
转载 页面重置样式
@charset "utf-8";/* CSS Document */body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fileset,table,td,img,div,dl,dt,dd,input{margin:0;padding:0;}body{font-size:12px;}img{border:none;}li{list-style:none
2015-01-24 17:01:08
395
转载 网页设计标准尺寸
网页设计标准尺寸： 1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。 2、1024*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612-615之间。就不会出现水平滚动条和垂直滚动条。 3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560
2015-01-24 16:04:04
465
转载 JS中关于clientWidth offsetWidth scrollWidth 等的含义
网页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： document.body.offsetHeight (包括边线的宽);网页正文全文宽： document.body.scroll
2014-11-30 13:40:06
326
转载 如何将Emmet安装到到 Sublime text 3？
基于是别人原创的，我就直接粘贴一个链接http://www.cnblogs.com/tinyphp/p/3217457.html
2014-11-29 15:40:40
317
转载 淘宝玉伯引发Web前后端研发模式讨论
淘宝玉伯是是前端基础类库 Arale 的创始人，Arale 基于 SeaJS 和 jQuery。不久前，淘宝玉伯在 Github 的 Arale 讨论页面上抛出了自己对于Web 前后端研发模式的思考。 他首先指出了前端的产品形态：前端涉及的产品形态在业界可分为两大类：Web Pages 和 Web Apps 。Web Pages 是浏览类的，用户主要是来看的：以内
2014-09-17 12:29:05
507
转载 从就业面分析web前端开发工程师就业前景（2011.6)
案例一公司名称：法国电信北京研发中心 工作地点：北京 联系方式：hao.luan@orange-ftgroup.com 栾先生 岗位名称：web 前端开发工程师 岗位要求： 1. 计算机或相关专业本科及以上学历，两年以上工作经验； 2. 必须掌握基本的Web 前端开发技术，其中包括：CSS、 HTML、DOM、BOM、Ajax、JavaScript 等，在掌握这些技术的 同时，还要清楚地了
2014-09-17 12:04:15
1069
转载 关于web前端（知乎上收集）
1988年的图灵奖得主Ivan Sutherland就是搞人机交互的，事情跟现在的前端是一个路子。微博上@_Franky:这和司机一个道理. 开车也是易学难精的.基本个把月就能上路. 而需要赛车手级技术的地方太少了. 但顶级赛车手,也是让人仰望的不是么. 能把html玩明白的人.做什么也不会差,因为他耐得住寂寞…所以吧，不用担心金子不发光的事，但也别总盯着顶峰看。
2014-09-17 11:58:26
986
转载 淘宝前端工程师：国内WEB前端开发十日谈
一直想写这篇“十日谈”，聊聊我对Web前端开发的体会，顺便解答下周围不少人的困惑和迷惘。我不打算聊太多技术，我想，通过技术的历练，得到的反思应当更重要。 我一直认为自己是“初级”前端开发工程师，一方面我入道尚浅，只有短短几年，另一方面我自知对技术的钻研并不深入，可能是由于环境的原因，当然最重要的是，我幸运的参与到互联网崛起的浪潮之巅。时势造就了一批技能薄弱但备受追捧的“弄潮者”，这在很大
2014-09-17 11:43:36
896
1
转载 CSS3+HTML5实现块阴影与文字阴影
CSS 3 + HTML 5 是未来的 Web，它们都还没有正式到来，虽然不少浏览器已经开始对它们提供部分支持。本教程分5节介绍了 5 个 CSS3 技巧，可以帮你实现未来的 Web，不过，这些技术不应该用在正式的客户项目，它们更适合你的个人博客站点，Web 设计社区，或者不会有客户向你投诉的场合。 块阴影与文字阴影 阴影效果曾让 Web 设计师既爱又恨，现在，有了 CSS3，
2014-08-27 18:37:07
1684
转载 CSS中id与class命名规则及编码最佳习惯
一、用class_name方式写类名。以前喜欢用class-name写，不过好像两样也没什么差别。但我比较反对用className写类名，因为始终对浏览器大小写敏感的问题抱有怀疑态度。但是id我会写成驼峰式，理由见下一条。二、样式都用class而不用id。有三个理由。1，id不可以重复，所以用class的话，可以肆无忌惮的用无数次。2，id的优先级太高，若是
2014-08-15 16:21:42
542
转载 CSS的class、id、css文件名的常用命名规则
CSS的class、id、css文件名的常用命名规则 (一)常用的CSS命名规则 头：header内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center
2014-08-15 16:20:01
524
转载 自适应网页设计（Responsive Web Design）
作者： 阮一峰随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了2000像素。同样的内容，要在大小
2014-08-15 10:10:54
307
转载 text-indent:-9999px 字体隐藏问题
为什么要字体隐藏？ 通常为了传达更好的视觉效果，我们常用图片替代掉字体。但是为了html语义化，常常要给内容模块加上一些标题来让页面更有意义，在抛开css裸奔的情况下也能很顺利的汲取到页面信息。为此我们需将图片上的字体隐藏。 另外，建站过过程中朋友喜欢把网站名称用H1表示,但从美观考虑，要用logo图片来代替h1，这时需要隐藏h1内的这段文字，但又不能对搜索引擎不友好，
2014-08-15 09:11:41
620
转载 DIV+CSS中标签dl dt dd常用的用法
2010-11-26 14:49:09| 分类： CSS 收藏|举报|字号 订阅用来创建一个普通的列表,用来创建列表中的上层项目，用来创建列表中最下层项目，和都必须放在标志对之间。 实例一：效果: 源码：body{ font-size:12px; line-
2014-08-15 08:49:01
422
转载 CSS清除浮动
什么是CSS清除浮动？在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。这个现象叫浮动溢出，为了防止这个现象的出现而进行的CSS处理，就叫CSS清除浮动。引用W3C的例子，news容器没有包围浮动的元素
2014-08-10 17:25:45
301
原创 标签的权值问题（优先级）
标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。例如下面的代码：p{color:red;} /*权值为1*/p span{color:green;} /*权值为1+1=2*/.warning{color:white;} /*权值为10*/p span.warning{color:purple;} /*权值为1+1+10=12*/#footer .note p{col
2014-08-07 15:09:29
651
转载 js打印功能
1、window.print方式：jsp页面 打印按钮： js 中： function print(){ window.print();style样式中，设置隐藏按钮打印： @media print { .noprint{display:none} } 2、WebBrow
2014-07-30 16:24:06
637
1
转载 web页面实现指定区域打印功能
web页面实现指定区域打印功能使用CSS，定义一个.noprint的class，将不打印的内容放入这个class内。详细如下： .noprint{visibility:hidden} 要打印的内容。哈哈！将不打印的代码放在这里。打印第二种方法：指定打印区域把要打印的内容放入一个 span或div，然后通过一个函数打印。把
2014-07-30 16:12:54
460
转载 border-radius 圆角半径
CSS3属性之一：border-radius语法：border-radius ： none | {1,4} [ / {1,4} ]?相关属性： border-top-right-radius , border-bottom-right-radius , border-bottom-left-radius , border-top-left-radius
2014-07-29 10:24:11
466
转载 常用的 DOCTYPE 声明
常用的 DOCTYPE 声明HTML 5HTML 4.01 Strict该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。HTML 4.01 Transitional该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Fra
2014-07-28 16:34:23
306
转载 兼容性好的CSS字体投影
兼容性良好的css文字描边h1, p {color: #fff;width: 100%;text-align: center;line-height: 150%;font-weight: normal;font-family: 微软雅黑;text-shadow: 1px 0 0 #8B4513, 0 1px 0 #8B4513, 0 -1px 0 #8B4513
2014-07-22 19:51:45
563
转载 <button>和<input type="button"> 的区别
标签定义和用法 标签定义一个按钮。在 button 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。 控件 与 <input type="button"> 相比，提供了更为强大的功能和更丰富的内容。 与 标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。例如，我们可以在按
2014-07-16 20:35:25
352
转载 多少像素才合适 网页设计标准尺寸大讲解
许多的网页设计在进行网页布局设计时，进行界面网页的宽度尺寸设计都比较迷茫，800*600尺寸及1024*768尺寸的分辨率下，网页应该设计为多少像素才合适呢？太宽就会出现水平滚动条了，下面我们就网页设计的标准尺寸进行讲解。网页设计标准尺寸：1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。2、1024*768下，网页宽度保持在1002以内，如
2014-07-04 16:02:23
1000
转载 手机网页设计注意事项和解决方法
原文：http://hi.baidu.com/onionsmm/item/977b8142e64b9b12886d10ea一、关于手机页面的标准头字符编码使用utf-8指定页面手机内存缓存中的存储时间段Html代码 meta name="viewport" content="width=device-width, initial-scale=1
2014-07-04 15:59:25
376
转载 silverlight Canvas、StackPanel、Grid三者之间的关系
学习 silverlight 首先Canvas、StackPanel、Grid博客园里看到jailu的这篇文章整理得很好 贴下来： Silverlight提供了非常灵活的布局管理系统，让程序员和美工可以非常方便的控制控件的位置。布局管理系统提供了两种布局方式：绝对定位和相对定位。这两种定位方式其实和HTML的两种定位方式是一样的。在Silverlight 2 beta1
2014-05-27 10:50:25
384
转载 marquee滚动语法
公告滚动JS代码 ·欢迎您光临！·href="#">更多很棒的源代码...·href="#">一个学习型的源码网站... ·如果有建议请提交给我们... ·非常感谢大家经常光顾·再次感谢大家，再见
2014-05-10 12:08:19
503
转载 css圆角边框
一、CSS3圆角的优点 传统的圆角生成方案，必须使用多张图片作为背景图案。CSS3的出现，使得我们再也不必浪费时间去制作这些图片了，而且还有其他多个优点： * 减少维护的工作量。图片文件的生成、更新、编写网页代码，这些工作都不再需要了。 * 提高网页性能。由于不必再发出多余的HTTP请求，网页的载入速度将变快。 * 增加视觉可靠性。某些情况下（网络拥堵、服务
2014-04-26 10:41:45
466
原创 java web初学，学习笔记
数据通过POST或者GET的方式提交到服务器端。那么在服务器端是通过什么技术来获取这些数据呢？并且对这些数据是进行怎么处理的呢？服务器端获取和处理数据的技术——JSP（Java Server Pages）。客户端通过表单将数据提交到action指定的目的地址。在这个目的地址指向的页面，需要将数据提取出来。这就需要一个动作脚本来完成动态网页技术中的数据交互。这种动作脚
2014-04-21 09:26:23
414
原创 各个浏览器兼容性问题积累
1、圆角边框实例向 div 元素添加圆角边框：div{border:2px solid;border-radius:25px;}亲自试一试页面底部有更多实例。浏览器支持IE9+、Firefox 4+、Chrome、Safari 5+ 以及 Opera 支持 border-radius 属性。
2014-03-23 19:13:14
461
原创 搜索框js样式（通用型）
HTML部分代码：——————————————————————————————————————————————————————————————
2014-03-14 09:36:45
749
原创 HTML中忽略的小问题
1、padding和margin例子 1padding:10px 5px 15px 20px;（上，右，下，左）上内边距是 10px右内边距是 5px下内边距是 15px左内边距是 20px例子 2padding:10px 5px 15px;上内边距是 10px右内边距和左内边距是 5px下内边距是 15px例子 3padding:10px
2014-03-04 13:04:06
542
原创 当target属性在XHTML script中无效时
target此属性能够使链接在新窗口打开，但是在XHTML script中无效时。那么解决方案利用js： var tmpExample = { ready:function() { jQuery('ul#tmpFavorites li a').click ( function($e)
2014-03-01 15:09:59
408
原创 preventDefault（）方法
该方法将通知 Web 浏览器不要执行与事件关联的默认动作（如果存在这样的动作）。例如，如果 type 属性是 "submit"，在事件传播的任意阶段可以调用任意的事件句柄，通过调用该方法，可以阻止提交表单。注意，如果 Event 对象的 cancelable 属性（返回布尔值，指示事件是否可拥可取消的默认动作）是 fasle，那么就没有默认动作，或者不能阻止默认动作。无论哪种情况，调用
2014-03-01 15:06:03
1028
转载 行内元素与块级元素比较全面的区别和转换
一、行内元素与块级元素块级元素列表定义地址定义表格标题定义列表中定义条目定义文档中的分区或节定义列表定义列表中的项目定义一个框架集创建 HTML 表单定义最大的标题
2014-02-19 13:09:15
386
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人