diaocong4659-CSDN博客

转载 outline属性

outline(轮廓)用于设置元素周围的一条线，用于元素边框的外围，可起到突出元素的作用。outline属性所有浏览器都支持，如果规定了 !DOCTYPE，则 IE8 支持 outline 属性。outline属性不会占用空间，也不一定是矩形。outline的值的顺序：outline:outline-color,outline-style,outline-width...

2015-06-06 10:16:00 216

转载 text-decoration属性

一、在CSS1中，text-decoration有六个值：text-decoration:none //默认，定义标准的文本，没有任何样式，正常显示text-decoration:underline //定义文本下的一条线text-decoration:overline //定义文本上的一条线text-decoration:line-through //定义文本中...

2015-06-04 23:07:00 9794

转载圣杯布局方法

（1）三列，左右列宽度固定，中间列宽度适应屏幕（不等高）　　body{min-width:430px;}为body设置一最小宽度（不小于（left宽+right宽）），可保持页面缩小时不会错位。<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" conten...

2014-10-21 17:29:00 135

转载圣杯布局(转)

圣杯布局我听就听了很久很久啦，而且每次看到圣杯布局总会离不开一篇文章，那就是a list apart里面的In Search of the HolyGrail。随着现在H5，CSS3的发展，IE6，IE7的逐渐退出舞台，或许现在工程师也没那么纠结了（或许而已，移动的大肆发展，还是出现了更多要兼容的东西，但是现在也逐渐不用再纠结那个IE6了吧，起码做移动端的就可以不用）。这篇文章06发布...

2014-10-21 16:19:00 87

转载右侧固定，左侧自适应布局（1）

HTML代码：<div class="content"> <ul> <li> <a href="#">　　　　　　　　　　　　　　　　　　 <div class="fl news_txt"> <div class="hdline...

2014-10-20 11:17:00 63

转载转前端推荐书籍

基础类《高效能人士的7个习惯》（推荐给所有刚刚进入职场的新人，和进入职场多年但还没看过这本书的老人。这本书会帮助你看清自己，明确今后努力的方向。）《java夜未眠》（从书名看与前端无关，但其中的内容是作者多年工作积累的心得，推荐给每一位立志从事IT工作的新人。）《网站重构》（要从事前端开发，必须要熟悉WEB标准思想。改变思想然后才能改变行动。）HTML类《精通HTML》CSS类《精通CS...

2014-09-30 14:01:00 122

转载 JS获取select选中的值

var oSel=oFl.getElementsByTagName('select')[0]; oSel.onchange=function(){　　　　var indexselect=oSel.selectedIndex;　　　　var valselect=oSel.options[indexselect].innerHTML;　　　　alert(valselect);　　}转载于...

2014-04-10 14:39:00 84

转载如何完美打造Win8 Metro版IE10浏览器页面（转）

Windows8内置两种 Internet Explorer 10 (以下简称IE10)，一个是在桌面环境下使用的IE10：视窗操作、可以支持各种插件(ActiveX)；而另外一个则是在新的开始画面中的 IE10 (称作 Modern IE10)：它无边框、更适合触控操作、以及整合Win8的各种新功能特色。这篇文章将为网页开发人员介绍，如何为Win8Modern IE10 ...

2014-03-27 10:44:00 166

转载 event.preventDefault和恢复元素默认事件

写页面事件的时候，有的时候需要用event.preventDefault取消原有的事件后进行重写，这个大家应该都知道。那么怎么在取消默认事件后再恢复呢。解绑我们自定义的事件就好了。以Jquery为例我们用$("body").bind("touchmove",function(event){event.preventDefault;//code});取消了...

2014-03-26 16:59:00 632

转载强制不使用“兼容性视图”的HTML代码（转）

在IE8浏览器以后版本，都有一个“兼容性视图”，让不少新技术无法使用。那么如何禁止浏览器自动选择“兼容性视图”，强制IE以最高级别的可用模式显示内容呢？下面就介绍一段HTML代码。X-UA-Compatible是一个设置IE浏览器兼容模式的属性，在IE8浏览器之后诞生。IE8或者IE9有很多种模式，比如，IE8有4种模式：IE5.5怪异模式、IE7标准模式、IE8几乎标准模式、IE8...

2014-03-26 11:31:00 82

转载 HTML邮件注意事项

1、全局规则之一，不要写<style>标签、不要写class，所有CSS都用style属性，什么元素需要什么样式就用style写内联的CSS。2、全局规则之二，少用图片，邮箱不会过滤你的img标签，但是系统往往会默认不载入陌生来信的图片，如果用了很多图片的邮件，在图片没有载入的情况下，丑陋无比甚至看不清内容，没耐心的用户直接就删除了。图片上务必加上alt。3、不要在s...

2014-03-26 11:11:00 97

转载不同内核浏览器的差异以及浏览器渲染简介（转）

一、简单介绍一下什么是浏览器内核。经常听说各种不同的浏览器，IE、Opera、Firefox、Safari、The World还有现在的Chrome等。看似许多不同的浏览器，其实其中还是有很多相似之处。今天，我们就来了解他们的内核~！那内核是什么呢？内核只是一个通俗的说法，其英文名称为“Layout engine”，翻译过来就是“排版引擎”，也被称为“页面渲染引擎”（下文...

2014-03-25 17:43:00 130

转载 DIV+CSS两种盒子模型

盒子模型有两种，分别是 IE 盒子模型和标准 W3C 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟悉的标准盒子模型：　　从上图可以看到标准W3C 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分。　　　　从上图可以看到 IE 盒子模型的范围也包...

2014-03-25 17:25:00 69

转载浏览器的模式问题 Quirks Mode vs Standards Mode

当微软开始产生与标准兼容的浏览器时，他们希望确保向后兼容性。为了实现这一点，他们IE6.0以后的版本在浏览器内嵌了两种表现模式： Standards Mode（标准模式或Strict Mode）和Quirks mode（怪异模式或兼容模式Compatibility Mode）。在标准模式中，浏览器根据W3C所定的规范来显示页面；而在怪异模式中，页面将以IE5，甚至IE4的显示页面的方式来...

2014-03-25 17:22:00 80

转载 WebApp之Meta标签（关闭自动识别数字为电话号码或邮箱之类）

iPhone上的Safari(还有些webkit android手机浏览器)会自动对看起来像是电话号码的数字串（包括已经加入连字符或括号格式化过的）添加电话链接，点击之后会询问用户是否想要拨打该号码。如果你不希望开启这个自动识别，可以将它关闭：<meta name="format-detection" content="telephone=no" />如果你关闭自动识...

2014-03-11 16:42:00 258

转载 JS和正则表达式验证手机号码、邮箱等

<-------------------------------------验证手机号码--------------------------------------------->function checktelephone() {var cellPhone=document.getEl...

2013-11-29 15:24:00 75

转载 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale...

2013-11-18 16:10:00 270

转载 jQuery获取多种input值的方法

1 if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾name即控件name属性,value即控件value属性可以不指定属性值，因一组checkbox的value值都会保存其在数据库中对应的id，最好写成如下方式if($("input[name=row_checkbox]").att...

2013-11-05 10:11:00 55

转载 jQuery的live绑定事件在mobile safari（iphone / ipad / ipod）上失效的解决方案

jQuery的live绑定为什么会在mobilesafari上失效呢？其实可以追溯到jQuery里live的实现方式。live的实现方式实际上是通过事件委托机制来实现的，也就是说是通过诸如冒泡的方式在DOM树的相应根节点上绑定事件，这样此结点下的所有节点都会默认绑定了此事件。mobilesafari上之所以live会失效就是因为mobilesafari可能阻止了事件的冒泡（这里...

2013-11-01 16:17:00 80

转载关于-webkit-tap-highlight-color的一些事儿

这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要重设这个表现，你可以设置-webkit-tap-highlight-color为任何颜色。想要禁用这个高亮，设置颜色的alpha值为0即可。示例设置高亮色为50%透明的红色1-webki...

2013-11-01 16:12:00 184

转载手机页面关于头部固定定位与input出现的问题

前些天写了一个页面，要求头部导航进行固定定位position:fixed.内容区域有输入框input。在大多数手机上都是显示正常的，可偏在一些低版本的手机却出现问题了。把我给苦恼的不行。问题：头部固定定位后，当input获得焦点时，头部导航会向右闪动一下出现这么个情况。后来终于找到了解决的办法。就是一个属性在作怪：input{outline:none}加上这个就ok了。o...

2013-09-22 18:08:00 174

转载 JS--图片轮播效果

搞了很长时间才弄清楚图片轮播效果的原理，理解各个事件发生的原因，浪费了这么长的时间，只怪自己的知识太过于薄弱。现将代码写下，供大家参看，如有不妥之处还望指出，大家一起学习。功能：1、点击左右两边的按钮，可以让图片进行左右滚动。2、鼠标点击下方的一排按钮，可切换至想要的那张图片。3、鼠标经过下方的一排按钮上时，可对图片进行小图预览。4、当没有鼠标事件时，图片...

2013-08-27 18:25:00 90

转载 IE6/IE7不识别display:inline-block属性怎么办

　　ie6，ie7的haslayout属性是个让人头疼的问题。在做导航条的时候，一般会用到ul li结构，大多数时候我们是把li设置为浮动，让其并排显示在同一行。还有一种方法就是设置li为display:inline;这样可以达到同样的效果，但是问题是inline元素的特性：默认无法设置宽度，高度，以及上下margin，（关于padding，情况有点特殊，在ie6，7中 inline元素...

2013-08-22 18:21:00 53

转载 ie浏览器下HTML上传控件input=file的美化

　　近期写东西用到了input=file这个按钮，给其添加背景，在其它浏览器上都可以正常的显示，可一到ie上便不听话了，完全没有添加上，显的很难看。今天在网上找到一方法，试过后感觉很好，终于把这个问题给解决了，现将其记录一下。　　美化的原理：将input到一个div框里，opacity设置为0，这样input表现为全透明，不可见，但覆盖在文字之上，div里的内容就可以显示出来，这时你...

2013-08-22 18:10:00 112

转载 ie6-ie8中不支持opacity透明度的解决方法

半透明部分设置样式：opacity:0.7在ie9/ie10/ff/chrome/opera/safari显示正常，是图上的效果。但是这样在ie6-ie8中是不支持的，需要加上下面这句话：filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);此外这种效果不能用ietester中的ie6测试，因为ietester的ie6...

2013-08-22 09:52:00 97

转载 IE6\ IE7、IE8\9\10和Firefox的hack方式

#test{color:red;color:red !important;/ Firefox、IE7支持 */_color:red; / IE6支持 */*color:red; / IE6、IE7支持 */*+color:red; / IE7支持 */color:red\0; / IE8、IE9、IE10支持 */}转载于:https://www.cnblogs.com/0808bi...

2013-08-21 15:26:00 65

转载 JS简单仿QQ聊天工具的制作

刚接触JS，对其充满了好奇，利用刚学到的一点知识，写了一个简单的仿QQ聊天的东西，其中还有很多的不足之处，有待慢慢提高。功能：1、在输入框中输入内容，点击发送，即可在上方显示所输入内容。　　　2、点击‘笑脸’按钮，可选择笑脸进行发送。不足之处：1、没有添加键盘事件，暂不可以用键盘进行发送内容;　　　　 2、在输入框中输入“请输入内容”时，系统并不会发送，因为此代码尚未...

2013-08-20 16:46:00 446

转载光标放入文本框时,默认文字消失

/*----------------------*/<input type="text" value="手机号码/邮箱地址/qq号" onfocus="if(value=='手机号码/邮箱地址/qq号') {value=''}" onblur="if(value=='') {value='手机号码/邮箱地址/qq号'}" id='email' class="tel ft24"...

2013-08-20 15:02:00 387

转载 JS操作css的float属性的特殊写法

使用js操作css属性的写法是有一定的规律的：1、对于没有中划线的css属性一般直接使用style.属性名即可。如：obj.style.margin，obj.style.width，obj.style.left，obj.style.position等。2、对于含有中划线的css属性，将每个中划线去掉并将每个中划线后的第一个字符换成大写即可。如：obj.style.marg...

2013-08-19 15:51:00 71

转载 HTML资源（推荐）

W3C在线验证工具：http://validator.w3.org/(X)HTML嵌套规则：http://www.cnblogs.com/PeunZhang/archive/2012/03/11/2390526.htmlHTML标签语义化对照表:http://www.cnblogs.com/PeunZhang/archive/2012/03/08/2385592.htmlH...

2013-08-13 16:13:00 59

转载手机页面开发时出现问题

1：以最新ie版本进行编译代码<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />有时在手机网页上，用windows phone测网页时，手机的ua会被莫名其妙地降级到ie7，那样就不会支持html5+css3想要做兼容也是不容易的，所以这行代码可以解决些问题，很是方便。2.控制用户放大/...

2013-06-13 16:15:00 77

转载页面制作时需注意的一些问题

做了这么长时间的前端，写的页面虽然说不多，但在这个过程中，自己也意识到所遇到的问题和一些不应该出现的错误，现趁有空写出来，以便以后作为警示。一、html标签的嵌套，刚开始写页面时自己是以写出所要的效果为目的的，从来没去想过什么样的标签里面可以嵌套什么的标签，总是以自己的想法为准，至到自己吃亏这止，才知道自己是多么的浅薄无知。1.把块级元素放入了行内元素内HTML 元素的表...

2013-06-13 16:05:00 89