
Html+CSS
文章平均质量分 86
sunny-sky
赠人玫瑰手留余香.人生最大的快乐不在于占有什么而在于追求什么的过程.
展开
-
经典组织CSS的方法:base.css+common.css+page.css
/*base.css*//*CSS reset*/body, div, dl, dt, dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquoteth,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0原创 2012-08-17 09:00:24 · 1799 阅读 · 0 评论 -
让DIV的滚动条自动滚动到最底部 总结
赠人玫瑰,手留余香.人生最大的快乐不在于占有什么而在于追求什么的过程.转自:http://www.cnblogs.com/hnyei/archive/2011/09/20/2182199.html http://hi.baidu.com/janry3412/item/96da3352cd709a3095eb058e先是对一个DOM转载 2013-04-19 17:22:27 · 11864 阅读 · 0 评论 -
Highcharts 非常实用的Javascript统计图
Highcharts 官网:http://www.highcharts.comHighcharts 官网示例:http://www.highcharts.com/demo/Highcharts 官网文档:http://www.highcharts.com/documentation/how-to-use官网实例中给出了各式各样的demo,可以参照document修改自己需要原创 2013-07-03 13:01:45 · 3440 阅读 · 1 评论 -
HTML文档对象的事件以及addEventListener与attachEvent介绍
赠人玫瑰,手留余香.人生最大的快乐不在于占有什么,而在于追求什么的过程.转自:http://www.cnblogs.com/niuniu/archive/2010/07/16/1778938.html http://blog.sina.com.cn/s/blog_8e1704000101c77p.html http:原创 2013-07-03 19:42:10 · 1894 阅读 · 0 评论 -
从MSN上拔下来的全世界国家下拉框(附带SQL执行脚本)
阿尔巴尼亚 阿尔及利亚 阿富汗 阿根廷 阿拉伯联合酋长国 阿鲁巴 阿曼 阿塞拜疆 埃及 埃塞俄比亚 爱尔兰 爱沙尼亚</option 安道尔 安哥拉 安圭拉岛 安提瓜和巴布达 奥地利 奥兰岛 澳大利亚 澳门特别行政区 巴巴多斯 巴布亚新几内亚 巴哈马 巴基斯坦 巴拉圭 巴勒斯坦民族权力机构 巴林原创 2013-08-01 17:19:37 · 1902 阅读 · 0 评论 -
网页特殊符号HTML代码大全
http://www.cnblogs.com/web-d/archive/2010/04/16/1713298.htmlHTML特殊字符编码大全:往网页中输入特殊字符,需在html代码中加入以&开头的字母组合或以&#开头的数字。下面就是以字母或数字表示的特殊符号大全。转载 2013-08-08 15:13:56 · 1468 阅读 · 0 评论 -
区分IE8 、IE9 的专属css hack 整理
一般来说,我们写的结构比较好的时候,IE8/9下是没区别的.所以可能很少人关注只有IE8或只有IE9才识别的css hack.因为IE8及以下版本是不支持CSS3的,但是我们如果使用css3,在IE下IE9正常渲染,但我们又想让IE8及以下的浏览器实现同样的效果,且不希望使用css3pie或htc或条件注释等方法时,可能就会需要用到IE8和IE9的专属css hack了..test转载 2013-09-11 20:27:46 · 1667 阅读 · 0 评论 -
条件注释判断浏览器<!--[if !IE]><!--[if IE]><!--[if lt IE 6]><!--[if gte IE 6]>
除IE外都可识别 所有的IE可识别 仅IE6可识别 IE6以及IE6以下版本可识别 IE6以及IE6以上版本可识别 仅IE7可识别 IE7以及IE7以下版本可识别 IE7以及IE7以上版本可识别 仅IE8可识别 仅IE9可识别 加载CSS1加载CSS2这样有效是有效,但是用HTML VALIDATOR里转载 2013-10-22 18:05:34 · 1837 阅读 · 0 评论 -
HTML5 LocalStorage 本地存储
HTML5 LocalStorage 本地存储 http://www.cnblogs.com/xiaowei0705/archive/2011/04/19/2021372.html说到本地存储,这玩意真是历尽千辛万苦才走到HTML5这一步,之前的历史大概如下图所示: 最早的Cookies自然是大家都知道,问题主要就是太小,大概也就4KB的样子,而且IE6只支持每个转载 2013-12-17 16:36:40 · 779 阅读 · 0 评论 -
IE8兼容<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
http://nicyea.iteye.com/blog/719007 X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与 content="IE=7"在无论页面是否包含指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"转载 2013-12-17 16:43:30 · 908 阅读 · 0 评论 -
如何让div中的内容垂直居中
赠人玫瑰,手留余香.人生最大的快乐不在于占有什么而在于追求什么的过程.转自:http://dreamweaver.abang.com/od/divcss/a/vertical-align.htm虽然Div布局已经基本上取代了表格布局,但表格布局和Div布局仍然各有千秋,互有长处。比如表格布局中的垂直居中就是Div布局的一大弱项,不过好在千变万化的CSS可以灵活运用,可以转载 2013-04-17 17:15:29 · 1359 阅读 · 0 评论 -
2013年度最新整理45个div+css兼容性问题与解决方案
1. 默认的内外边距不同问题:各个浏览器默认的内外边距不同解决:*{margin:0;padding:0;} 2. 水平居中的问题问题:设置 text-align: center ie6-7文本居中,嵌套的块元素也会居中ff /opera /safari /ie8文本会居中,嵌套块不会居中解决:块元素设置 1、margin-left:auto转载 2013-03-01 15:51:43 · 890 阅读 · 0 评论 -
修正IE6的bug的10个技巧
我们知道,IE6可能过不了多久就会消失了,但是我们还能继续支持这个浏览器并且避免hack和有约束的CSS吗?这里是10个使用有效的HTML和CSS代码来修正IE6主要问题的方法。1. 使用DOCTYPE你应该在一直每个HTML文件的头部都使用DOCTYPE,并且我们推荐使用strict 版本,比如:1或者,对于XHTML使用:1你需要转载 2012-10-12 17:41:53 · 642 阅读 · 0 评论 -
备忘 – IE6的十大Bug Fix
1. 强制浏览器是用Web标准解析HTML的写法12 "http://www.w3.org/TR/html4/strict.dtd">或者XHTML的写法12"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">转载 2012-10-12 17:30:11 · 691 阅读 · 0 评论 -
css 禁止换行
css换行用省略号代替,也可以说是长标题的文章可以使用简单的CSS样式实现省略号控制显示一般的文字截断(适用于内联与块):==============CSS================.text-overflow{display:block;width:31em;word-break:keep-all;white-space:nowrap;overflo原创 2012-10-19 13:46:40 · 1313 阅读 · 0 评论 -
CSS 小三角
www.mianfeimoban.com#up { width:0px; height:0px; border-bottom:8px solid #89b007; border-left:8px solid #fff; border-right:8px solid #fff; }原创 2012-11-05 15:31:01 · 1260 阅读 · 1 评论 -
在引入的css或者js文件后面加参数的作用
" media="screen" />有时候可能会遇到js或者css文件引用后传递参数:css和js带参数(形如.css?v=与.js?v=)使用参数有两种可能:第一、脚本并不存在,而是服务端动态生成的,因此带了个版本号,以示区别。 即上面代码对于文件来说 等价于 <link rel=’style原创 2013-01-23 12:32:35 · 19505 阅读 · 0 评论 -
CSS文本溢出:text-overflow:ellipsis
很多时候,比如网站最基本的文章列表,标题会很长,而显示列表的区域宽度却没有这么宽,这时候最正常的做法就是让超出宽度的部分文字用省略号(…)来表示。text-overflow是一个比较特殊的属性,W3C早前的文档中(目前的文档中没有包含text-overflow属性,FML!)对其的定义是:Name: text-overflow-modeValue: clip | ellip原创 2012-10-19 13:56:02 · 1938 阅读 · 0 评论 -
CSS3 support for Internet Explorer 6, 7, and 8
What is it?IE-CSS3 is a script to provide Internet Explorer support for some new styles available in the upcoming CSS3 standard.How it worksIf you're viewing this page in Internet Explorer,原创 2013-03-04 14:22:52 · 994 阅读 · 0 评论 -
css核心-盒子模型(Box Model)整理
1、对盒子模型的不同解释 这里IE6、IE8、IE9相同,火狐和谷歌、遨游等相同。先说盒子模型,CSS将所有的HTML块元素都看成是一个盒子(box),每个盒子有以下几个组成部分:Content(内容)、Padding(补白)、Border(边框)、Margin(边界)。火狐谷歌等较新的的浏览器实行加法运算,“向外扩张”。以高度为例,CSS中设置的高度为内容的高度,当增大padding原创 2013-02-28 13:08:51 · 2659 阅读 · 2 评论 -
诡异的Ie 7:<font size="+0">
jsp代码:座右铭:css代码:.z_gofcDivP{padding-top:5px; width:145px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;line-height: 120%;} .z_gofcDivP font{color:#ff8c83;}在ie 7下呈现原创 2013-02-28 14:00:03 · 1647 阅读 · 0 评论 -
mailto 参数讲解
http://www.cnblogs.com/joer/archive/2010/09/28/1841235.htmlMailto能让访问者便捷向网站管理者发送电子邮件。我们还可以利用mailto做许多其它事情。Mailto甚至还能自动在电子邮件中填入“抄送”和“密件抄送”者,或自动填写主题行。 1)基本的 mailto 单击这里给我发电子邮件 当浏览者点击这个链接时,浏转载 2014-02-11 14:21:02 · 5848 阅读 · 0 评论