css+xhtml
关注
分享
扫一扫
文章平均质量分 53
lzf0514
这个作者很懒，什么都没留下…
展开
-
前端资料参考
附件[url=http://www.cqzqsl.com]中企速联[/url]原创 2010-08-12 15:43:56 · 108 阅读 · 0 评论 -
a空标签设成块元素后ie7不能点击
a空标签设成块元素后ie7不能点击,加上空背景后就可以了。background: url("about:blank");原创 2011-09-20 18:12:30 · 135 阅读 · 0 评论 -
jquery.bgiframe.js解决下拉列表框被遮盖（iE 6下存在的情况）
bgiframe 插件解决 IE6 的问题，如果网页上下拉选单重叠时，在IE6会看到下拉选框总是把浮动区块覆盖住首先去jquery 官方网下载 jquery.bgiframe.js 然后在jsp页面引入Java代码 <script type='text/javascript' src='<%= request.getContextPath()...原创 2011-02-28 15:12:04 · 126 阅读 · 0 评论 -
XHTML与HTML之间的7个区别
XHTML与HTML之间的7个区别2009-5-19 13:57:41 尽管可能是个比较老的话题了，但是我还是从来没有整理过。今天在《精通HTML》一书中看到，这里整理一下。在XHTML中，<html>、<head>、<body>都是必需的标签。必须设置<html>标签的xmlns属性，且其值为“http://www.w3.or...原创 2010-11-17 10:22:40 · 79 阅读 · 0 评论 -
闭合浮动元素
闭合浮动元素：针对firefox用overflow:auto。针对ie用*height:1%或者zoom:1。个人觉得overflow:auto少用为妙，会有些莫明其妙的问题。最好用这个方法：.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;...原创 2010-11-17 10:33:19 · 94 阅读 · 0 评论 -
网站要通过W3C标准，需要注意以下几个问题
网站要通过W3C标准，需要注意以下几个问题：1.XHTML 1.0 文件类别宣告的正确写法(不可小写)A:过度标准（Transitional）<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional....原创 2010-12-10 18:17:35 · 136 阅读 · 0 评论 -
图片延迟加载之随滚动条显示
经常上tudou网，发现tudou首页加载图片的功能很有意思，tudou首页从"娱乐"这个板块往下的所有视频的缩略图并不是在页面打开后就加载的，而是当用户拖动滚动条到了"娱乐" 这个板块，才开始加载图片的。这样做的好处当然是如果有用户不需要查看下面的内容，则免去了下面所有图片的请求，这对减少服务器的压力还是很有帮助的。其实tudou的实现原理很简单：1.先把所有需要延迟加载的图...原创 2011-10-18 14:38:32 · 155 阅读 · 0 评论 -
div背景半透明，文字不透明
有时候某些纯色的半透明效果，不需要用图片来完成，可以直接使用div+css搞定，但是将div透明后，div里面的文字也跟着透明了，因为文字是包含在div里面的，我们只需要将文字脱离文档流即可： 图层背景半透明，字体颜色也半透明 图层背景半透明，字体颜色不半透明以上是IE下的效果，如果在FF下，透明的CSS改成opacity就可以了，这里主要说的是...原创 2011-10-18 15:06:23 · 837 阅读 · 0 评论 -
IE6文字溢出BUG
在IE6下，经常会产生一些灵异事件，比如：HTML代码里是"猪猪猪"，但用IE6浏览时，页面上会显示"猪猪猪猪"，莫名其妙地多出了一头，IE6太邪恶了，私自产猪。像这种情况在IE7，IE8，FF中是不存在的。发生条件一:CSS中用了float属性,并且用了html注释。代码： 猪猪猪 怎样消除这种邪气呢...原创 2011-10-18 15:09:13 · 115 阅读 · 0 评论 -
HTML Head 参数详解
head区是指首页HTML代码的和之间的内容。 必须加入的标签 1.公司版权注释 2.网页显示字符集 简体中文： 繁体中文： 英 语： 3.网页制作者信息 ...原创 2011-10-18 15:14:13 · 229 阅读 · 0 评论 -
jquery实现无缝图片滚动
爱结上海 全上海都相信爱情之公车新娘变身秀 - 爱结 ijie.com $(document).ready(function () { var pic = $(".eventspicslidebox ul"); var prevbtn = $(".prevbtn"); var nex...原创 2011-10-24 13:58:08 · 170 阅读 · 0 评论 -
介绍 10 个 CSS3 属性
介绍 10 个 CSS3 属性 border-radius border-radius border-radius是一大堆CSS3属性中最受欢迎的一种，border-radius是CSS3中级 别最高的一个属性。当设计者害怕一个层在将在不同的浏览器之间以不同的方式显示时，CSS圆角，一个很初级的知识，将引导他们开始学习。 我们为移动浏览器提...原创 2011-12-14 11:24:33 · 130 阅读 · 0 评论 -
关于浏览器内核的一些概念
什么是浏览器内核 要想搞清楚浏览器内核是什么，首先应该搞清楚浏览器的构成是怎样的。简单来说浏览器可以分为两部分： shell + 内核。其中 shell 的种类相对较多，内核则 较少。shell 是指浏览器的外壳：如菜单，工具栏等。主要是提供给用户界面操作，参数设置等等；内核则是一些基于标记语言显示内容的程序或模块，它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（...原创 2011-12-14 11:37:48 · 201 阅读 · 0 评论 -
DIV+CSS布局中自适应两列等高的解决方法
Equal height(DIV+CSS布局中自适应高度的解决方法)body{ padding: 0; margin: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 140%; text-align: center; background:#...原创 2011-12-14 11:48:19 · 281 阅读 · 0 评论 -
图片水平垂直居中
图片水平垂直居中 .div1{width:200px;height:200px;border:1px solid red;text-align:center; display:table-cell; vertical-align:middle;*display: block;*font-size: 175px;/*高度的0.875*/*font-family:Arial;}...原创 2011-11-18 11:17:31 · 116 阅读 · 0 评论 -
将手机网站做成手机应用的JS框架
将手机网站做成手机应用的JS框架发表于 2010年09月1日 由 标点符随着智能手机销量持续飙升，越来越多的开发者投入到移动应用开发之中。无论是本地化的APP应用，还是移动优化版的网络站点，移动创新正以不可思议的速度蔓延开来。本地APP仍然有其价值所在，但随着越来越多的不同设备、操作系统，以及屏幕大小让开发移动优化版的网站越来越令人着迷。实际上，在以快速、迭代、跨平台为基础的W...原创 2011-11-30 14:26:46 · 153 阅读 · 0 评论 -
Firefox下“设为首页”、“加入收藏”不能用的原因及解决办法
在给客户做网站页面时，客户要求首页上用上“设为首页”、“加入收藏”的功能，代码如下：<a href="javascript:void(0)" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.huoshandao.com/')">设为首页</a>...原创 2011-06-09 15:26:40 · 400 阅读 · 0 评论 -
css reset
/*Copyright (c) 2009, Yahoo! Inc. All rights reserved.Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txtversion: 3.0.0build: 1549*/html{}bod...原创 2011-06-07 14:42:57 · 153 阅读 · 0 评论 -
ie6支持position:fixed
pfP{position:fixed;_position:absolute;_top:expression(documentElement.scrollTop);z-index:9999;width:100%;background:#fff;}原创 2011-09-08 13:58:20 · 159 阅读 · 0 评论 -
css reset css重置分享
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, ...原创 2010-12-15 14:22:18 · 102 阅读 · 0 评论 -
css 公共样式定义
@charset "utf-8";/*=====================reset css start=========================*/html, body, div, p, ul, ol, dl, dt, dd, form, h1, h2, h3, h4, h5, h6, input, fieldset, legend, optgroup { marg...原创 2010-12-15 16:00:57 · 572 阅读 · 0 评论 -
常用的CSS命名规则
常用的CSS命名规则 头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体...原创 2010-12-15 16:52:42 · 81 阅读 · 0 评论 -
IE6中CSS常见BUG全集及解决方案
IE6双倍边距bug当页面内有多个连续浮动时，如本页的图标列表是采用左浮动，此时设置li的左侧margin值时，在最左侧呈现双倍情况。如外边距设置为10px， 而左侧则呈现出20px，解决它的方法是在浮动元素上加上display:inline;的样式，这样就可避免双倍边距bug。 3像素问题及解决办法当使用float浮动容器后，在IE6下会产生3px的空隙，...原创 2011-04-18 11:11:39 · 111 阅读 · 0 评论 -
CSS控制图片等比放缩（IE,GOOGLE浏览器,FIREFOX测试通过）
CSS控制图片等比放缩（IE,GOOGLE浏览器,FIREFOX测试通过） img{ width: expression(this.width > 460 && this.width/460 > this.height/290 ? 460 : true); max-width: 460px; height: expression(this...原创 2011-01-07 12:30:28 · 110 阅读 · 0 评论 -
iframe在IE6下出现横向滚动条的解决方案
最近的项目中，遇到ie6下当iframe出现纵向滚动条时同时会出现横向滚动条。分析了代码，大致的原因是iframe中的页面有相对body的样式包含width:100%的元素。情况如下：（PS：红框表示iframe的区域，灰色的长方框表示上面提到的width:100%的元素，需要在IE6下看效果。）当灰色的框的高度大于iframe的高度时出现纵横向滚动条（IE6下）。当灰色的框的...原创 2011-05-11 11:22:26 · 108 阅读 · 0 评论 -
好用的IE hack写法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!--小于ＩＥ6的浏览器加载下面--><!--[if lt IE 7]><html xmlns="http...原创 2011-05-23 16:37:47 · 123 阅读 · 0 评论 -
html5模板框架
http://html5boilerplate.com/原创 2011-05-24 17:55:11 · 135 阅读 · 0 评论 -
Web 开发人员需要了解的一些 HTML5 和 CSS3 片段
移除 IE 下 textarea 的滚动条textarea { overflow: auto;}完全的CSS实现的透明效果.transparent { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5...原创 2011-08-16 11:34:38 · 90 阅读 · 0 评论 -
HTML5 常用语法一览(列举不支持的属性)
HTML头部标记标记 描述 HTML5标准<base> 定义页面中所有链接的基准URL <title> 设定显示在浏览器左上方的标题内容 <isindex> 表明该文档是一个可用于检索的网关脚本 不支持<meta> 文档本身的元信息,例如查询关键词,有效期等 ...原创 2011-08-17 15:44:24 · 212 阅读 · 0 评论 -
HTML5 中新增的标签一览表
html5的东西还是不少啊，搞个目录，汇总一下，以便查看，慢慢学习。bs一下某些ie和webkit双核浏览器，渲染和其他的webkit内核搞定了，但是表单验证是失败的怎么能提交呢？？ 1. HTML5 新增标签多媒体audio ——定义声音，比如音乐或其他音频流。src属性定义文件位置。video ——定义视频，比如电影片段或其他视频流。co...原创 2011-08-17 15:47:23 · 276 阅读 · 0 评论 -
js控制图片自动等比例缩放
function imgfix(){ var maxwidth=58; var maxheight=58; $("#test img").each(function(){ $(this).css("width",this.width>maxwidth && this.height/maxheight &l...原创 2011-08-29 16:17:23 · 171 阅读 · 0 评论 -
jquery实现图片幻灯片切换代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> &原创 2011-09-01 19:20:13 · 246 阅读 · 0 评论 -
jquery实现自定义select表单
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> &2011-09-06 19:09:54 · 160 阅读 · 0 评论 -
常用JS代码大全
事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey ...原创 2011-09-07 18:42:44 · 260 阅读 · 0 评论 -
jquery实现tab选项卡
<section class="recommendarticlelist"> <hgroup class="clearfix"> <h2>热点推荐</h2> <h3> <span data-index="0" >婚纱礼服&a原创 2011-09-08 10:36:57 · 243 阅读 · 0 评论 -
英文强制自动换行
sdaggggggggggggggggggggggggggsdhdfsdfhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhdfhsdfhdfh原创 2012-03-22 17:48:01 · 169 阅读 · 0 评论