DIV+CSS
slowlifes
这个作者很懒,什么都没留下…
展开
-
去掉a标签点击后产生的虚线框
1,对于单独的一个a标签;在a标签里面添加onfocus="this.blur();"例如:focus="this.blur();">2,对于整个页面的a标签,可以在css里面添加body a{outline:none;blr:expression(this.onFocus=th原创 2011-07-25 12:36:06 · 1665 阅读 · 0 评论 -
让整个网页(LOGO图片)色调全部变灰的方法(CSS写法)
让整个网页(LOGO图片)色调全部变灰的方法(CSS写法)更新:感谢各位的回复和完善。写的时候比较赶,没考虑全兼容性。对大家有用就好!感谢,@月涯,这个比较完善了:html {overflow-y:scroll;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: gra转载 2013-04-22 09:51:35 · 1703 阅读 · 0 评论 -
CSS十八条技总结
一、使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。 二、明确定义单位,除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width="100",但是在CSS中,你必须给一个准确的单位,比如:width:100px width:100em。只有两个例外情况可以不转载 2013-07-17 20:57:53 · 629 阅读 · 0 评论 -
一个针对IE7的CSS Hack
IE7 修复了很多 bug,也增加了对一些选择符的支持,所以现在诸如 *html {} 和 html>body {} 等针对 IE 隐藏或显示的 hack 都会在 IE7 中失效。虽然 CSS Hack 不推荐使用,条件注释才是万无一失的过滤器,但是条件注释只能出现在 HTML 中,CSS Hack 还是有用武之地的。Nanobot 发现了一些针对 IE7 的 CSS Hack,具体就是:转载 2013-08-28 10:33:17 · 1107 阅读 · 0 评论 -
CSS hack:针对IE6,IE7,firefox显示不同效果
CSS hack:针对IE6,IE7,firefox显示不同效果做网站时经常会用到,衡量一个DIV+CSS架构师的水平时,这个也很重要。区别不同浏览器的CSS hack写法: 区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !i转载 2013-10-11 15:34:00 · 712 阅读 · 0 评论 -
30个你必须记住的CSS选择符
所以你学会了基础的id,类和后代选择符,然后你就一直用它们了吗?如果是这样,你丢失了(css的)巨大的灵活性。在本文中提到的很多选择器属于CSS3规范的一部分,因此,只有在现代浏览器中才可使用。1.** { margin: 0; padding: 0; }对于初学者,在学习更多高级选择器之前,最先了解的选择器。星号选择器将匹配页面里的每一个元素。很多开发者使用这个技巧将外边距和内边距重置为零。虽然转载 2014-01-05 00:25:32 · 747 阅读 · 0 评论 -
细说 Form (表单)
开始简单的表单,简单的处理方式表单提交,成功控件多提交按钮的表单上传文件的表单MVC Controller中多个自定义类型的传入参数F5刷新问题并不是WebForms的错以Ajax方式提交整个表单以Ajax方式提交部分表单使用JQuery,就不要再拼URL了!id, name 有什么关系使用C#模拟浏览器提交表单资源链接Form(表单)对于每个WEB开发人员来说,应该是再熟悉不转载 2014-08-06 14:36:10 · 693 阅读 · 0 评论 -
JQuery中$.ajax()方法参数详解
url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和 delete也可以使用,但仅部分浏览器支持。timeout: 要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局设转载 2014-10-22 10:29:03 · 535 阅读 · 0 评论 -
Highcharts——让你的网页上图表画的飞起
Highcharts是一款纯javascript编写的图表库,能够很简单便捷的在Web网站或Web应用中添加交互性的图表,Highcharts目前支持直线图、曲线图、面积图、柱状图、饼图、散点图等多达18种不同类型的图表,可以满足你对Web图表的任何需求 ! 以上是Highcharts中文网上的简介! 如果论语法的简单性,或者需要画功能简单的折线、柱状以及饼状图,Highchar转载 2014-10-10 14:58:40 · 1405 阅读 · 0 评论 -
html5,html5教程
1.向后兼容HTML5是这样被定义的:能向后兼容目前UA处理内容的方式。为了让语言更简单,一些老的元素和Attribute被舍弃。比如一些纯粹用于展现的元素(译注:即非语义化的元素,如big)或Attribute被舍弃,因为他们更适合用CSS来处理。plaintext元素,但UA需要兼容plaintext元素。2. 语法HTML5定义了HTML5语法,日前已广泛兼容于网络上HTML转载 2015-11-24 16:03:49 · 767 阅读 · 0 评论 -
浏览器缓存机制详解
对于浏览器缓存,相信很多开发者对它真的是又爱又恨。一方面极大地提升了用户体验,而另一方面有时会因为读取了缓存而展示了“错误”的东西,而在开发过程中千方百计地想把缓存禁掉。那么浏览器缓存究竟是个什么样的神奇玩意呢?什么是浏览器缓存: 简单来说,浏览器缓存就是把一个已经请求过的Web资源(如html页面,图片,js,数据等)拷贝一份副本储存在浏览器中。缓存会根据进来的请求保存输出内容的副本。转载 2017-04-21 10:41:15 · 573 阅读 · 0 评论 -
分享30个开发人员有用的CSS代码片段
CSS是我们使用的功能强大和最常用 web 语言。他可以兼容新旧不同的浏览器,他的兼容跨度确实够大的,从微软的IE到火狐再到谷歌浏览器。在设计的时候我们总是想创建更有创意和风格的网站,无论创建怎么样的网站,有些CSS代码是必须要掌握的,可以说这是核心,掌握这样的一些CSS代码,前端布局方面基本上再不成问题,什么边框圆角,工具提示,浏览器hacks等等都不是问题,在今天的文章中分享我收藏转载 2012-12-01 15:41:57 · 652 阅读 · 0 评论 -
编写高质量代码:Web前端开发修炼之道(一)
最近老大给我们买来一些技术方面的书籍,其实很少搬着一本书好好的完整的看完过,每每看电子档的,也是打游击式的看看这章,瞅瞅那章,在那5本书中挑了一本比较单薄的《编写高质量代码web前端开发修炼之道》,看完觉得不错,它从一个整体架构上来说明如何编写高质量代码,而细处也着重说明一些比较重要的技术点,给人一种从高处俯瞰web开发、很完整的感觉,在这感谢老大,谢谢他让我们不停的进步着。下面是我看书过程中的笔转载 2012-09-13 10:31:58 · 698 阅读 · 0 评论 -
a标签的四个伪类选择符
a标签四个伪类 a:link:未访问链接 , a:visited:已访问链接 , a:hover:鼠标移到链接上时 a:active:激活时(链接获得焦点时) 注意先后顺序,否则浏览器解析出错原创 2011-07-17 23:32:57 · 2067 阅读 · 0 评论 -
40种网站设计常用技巧 .
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键no 可用于Table2. 取消选取、防止复制3. onpaste="return false" 不准粘贴4. oncopy="return f转载 2011-09-10 00:39:12 · 857 阅读 · 0 评论 -
如何在自己的网页中实现调用百度搜索引擎
http://www.baidu.com/baidu" target="_blank">http://www.baidu.com/">http://img.baidu.com/img/logo-80px.gif" alt="Baidu" align="bottom"转载 2011-10-05 02:54:02 · 3018 阅读 · 0 评论 -
Web布局中的几种宽高自适应
打开浏览器,输入一个网址,显示一个页面,页面最基本的布局和框架用户一目了然。但是用户所用的浏览器、显示器、分辨率大多都是不一样的,如何确保不同用户持有不同设备所看到同一个网址的页面显示内容相同呢?当然像亚马逊首页那一种布局会更个性化一些,它会根据用户持有设备的屏幕大小而现实内容。例如:一部PC机上可能一排现实5个商品,一部iPad上可能显示3个商品,而一部手机上可能一排只显示1个商品。至少不要 出转载 2011-12-27 16:20:23 · 2139 阅读 · 0 评论 -
html中为flash生成一个鼠标点击事件
最近在做一个项目,是一个银行的自助服务软件,需要在闲暇时间全屏播放广告,支持图片和flash方式,并且在用户触摸屏幕或按键时能够跳转到服务界面,图片当然相当简单,给它定义一个onclick事件即可,但是flash就犯愁了,点击flash时javascript根本没有办法捕捉到鼠标事件,这可如何是好? 试验了一阵,给出两个方法,供大家选择。 两种方法的前面都一样:转载 2012-03-15 21:46:33 · 6031 阅读 · 4 评论 -
div理解绝对定位和相对定位布局
概要:本文主要描述XHTML中相对定位和绝对定位各自的本质、用法、区别和两者之间的关系。以及使用CSS的Left、Right、Top、Bottom属性(偏移属性)和Margin属性(外边距)对定位块级元素进行布局的方法。(本文的示例,请看这个附件demo。)说明:占位空间:元素在文档流中所占据的空间。物理空间:元素本身所占据的空间。下面分3种情况分别对相对定位和绝对定位进行讨论转载 2012-06-12 20:37:30 · 4030 阅读 · 0 评论 -
WMV播放代码的各项参数取值介绍
"> http://www.microsoft.com/windows/mediaplayer/download/default.asp" Name="Player" width="350" height="320" border="0" SHOWSTATUSBAR="-1" SHOWCONTROLS="0"转载 2012-06-12 20:35:46 · 1355 阅读 · 0 评论 -
http-equiv
META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。 ★HTTP-EQUIV HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有: 1、Content-Type和Content-Language (显示字符集的设定) 说明:设定页面使用的字符集,用以说明转载 2012-07-22 11:09:45 · 836 阅读 · 0 评论 -
编写高质量代码:Web前端开发修炼之道(二)
第四章:高质量的css1)怪异模式和标准模式在标准模式中,浏览器根据规范表现页面;而怪异模式通常模拟老式浏览器的行为以防止老站点无法工作。他们两者之间的差异比较典型的表现在IE对盒模型的解析:在标准模式中,网页元素的宽度=padding+border+width;而在怪异模式中,width本身就包括了padding和border。在怪异模式中:设定width,然后m转载 2012-09-13 10:30:54 · 552 阅读 · 0 评论 -
编写高质量代码:Web前端开发修炼之道(三)
第五章:高质量的Javascript这章的内容我看的最久,这是跟我js基础没打好有着莫大的关系,但是还是耐着性子看完了, 不懂的东西都是百度上搜索,理解后再继续。下面是记录下来的笔记。1)如何避免JS冲突A:匿名函数在多人合作一个网站时,每个人都会写自己的JS代码,定义变量的时候有可能会引起命名冲突,如何避免这种冲突隐患呢?一种最简单有效的办法是“匿名函数”将脚本包起来,让转载 2012-09-13 10:32:56 · 704 阅读 · 0 评论 -
Web前端知识体系精简
Web前端技术由html、css和javascript三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入,然后不断地接触和学习新的知识点,因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理,对应的每个知识点点到为止,不作详细介绍。目的是帮助大家审查自己的知识结构是否完善,如有遗漏或不正确的地方,希转载 2017-06-17 14:18:42 · 447 阅读 · 0 评论