div+css
文章平均质量分 55
恒妹
这个作者很懒,什么都没留下…
展开
-
fieldset宽度撑开解决方案
今天上午,测试发现设置里面树状结构展开后会撑开fieldset。fieldset父节点已经设置了宽度400,但当展开的branch长度超过一定范围时,发现设置的宽度不起作用。fieldset在没有内部元素时,是以block方式解析的,即外部100%宽度自适应;继承父类的宽度400本应当维持这个宽度了,为何会被撑宽呢?因为它的min-width属性,在CSS的属性的权重中,min-wid...原创 2020-04-07 10:05:48 · 824 阅读 · 0 评论 -
tab切换,适用于多个tab切换
tab切换* { padding:0; margin:0}body { font-size:12px}ul, li, ol { list-style:none}a { text-decoration:none}.clearfix { clear:both; overflow:hidde原创 2013-07-11 11:21:53 · 7408 阅读 · 0 评论 -
Bootstrap前端开发框架
Bootstrap简洁、直观、强悍的前端开发框架,让web开发更迅速、简单http://www.bootcss.com/原创 2013-07-11 11:03:11 · 979 阅读 · 0 评论 -
模拟select取值ul li
jQuery(function($){ var selDOM = function(obj){ for(var i=0;i var items = jQuery(obj[i]); for(var k=0;k (function(){ var arrDOM = [""], item = jQuery(it原创 2013-01-12 14:43:44 · 1036 阅读 · 0 评论 -
模拟select成ul li展示
jQuery(function($){ var selDOM = function(obj){ for(var i=0;i var items = jQuery(obj[i]); for(var k=0;k (function(){ var arrDOM = [""], item = jQuery(items[k]);原创 2012-12-26 12:40:10 · 3398 阅读 · 0 评论 -
($(this).offset().top
$(document).ready(function(){ $('.cate_share_box ul li').addClass(function() { return 'item_' + jQuery(this).index(); }); var mouseoverDiv=jQuery('.cate_share_box li.two原创 2012-11-08 17:05:02 · 6350 阅读 · 0 评论 -
yahoo雅虎网站的优化原则
如果你已经对yahoo这些优化建议烂熟于心,果断点这里一、 Yahoo的军规条例:谨记:80%-90%的终端响应时间是花费在下载页面中的图片,样式表,脚本,flash等;详细的解释来这里查:http://developer.yahoo.com/performance/rules.html也可以直接firebug上一项项比对,如下图:简单翻译解释下:1、尽量减少HTTP请原创 2012-10-24 16:54:35 · 1545 阅读 · 0 评论 -
让IE支持HTML5元素作为CSS选择器
IE6、IE7、IE8不支持HTML5,IE9开始支持HTML5,这就导致我们无法在IE6/IE7/IE8中使用HTML5元素作为CSS选择器。利用下面的脚本可以解决这个问题,需要注意的是这个脚本需要在页面渲染以前执行。XML/HTML Code复制内容到剪贴板> script type="text/javascript"> (function(){原创 2012-10-31 10:10:43 · 704 阅读 · 0 评论 -
轮播切换效果+点击放大图
效果如下:css如下:/*============新品============*/img{border:0 none}.more_pro .moreandmore{text-align:left;width:404px;}.more_pro .moreandmore .more_bt{margin:0 auto 0 30px;width:111px;height:40p原创 2012-08-27 11:55:46 · 7409 阅读 · 0 评论 -
前端开发工程师目前局势是非常辛苦的
前端开发辛苦的原因是什么,我不知道在你日夜奋战div+CSS的时候思考过没有。就我的经验,前端的辛苦在于以下几个方面: ◎ 重复劳动多,大量的div+css都是重复的,即便可以复制粘贴,但几千行的div海洋中去寻找一个入口恐怕都非常痛苦 ◎ 需求变更多,往往你折腾几个小时终于把跨平台问题解决好了,而且在IE6、7和Firefox下面都能显示同样的效果了,甚至连JavaScr原创 2012-08-18 11:01:54 · 3051 阅读 · 3 评论 -
点击top回滚到顶部和窗口浮动跟随鼠标上下移动
TOP图片:id="toTop" src="images/scroll_to_top.gif" width="38" height="68" alt="Scroll to Top" title="Scroll to Top" />点击TOP回滚到顶部js如下:jQuery.noConflict();(function($) { var ScrolltoTop = $("#toT原创 2012-04-13 16:25:59 · 3520 阅读 · 0 评论 -
解决PNG图片在IE6下的透明问题
.pngs { width:57px; height:56px; position:absolute; top:105px; left:103px; background:url(../images/png.pn原创 2012-05-29 11:44:51 · 478 阅读 · 0 评论 -
table中设置border-collapse属性
CSS border-collapse 属性定义和用法border-collapse 属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示浏览器支持所有主流浏览器都支持 border-collapse 属性。注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。注释:如果没有规定原创 2012-04-23 10:39:14 · 2237 阅读 · 0 评论 -
去掉点击a出现的虚线边框
去掉点击a出现的虚线边框各个浏览器兼容方法:a{ hide-focus: expression(this.hideFocus=true); /* for ie 5+ */ outline: none; /* for firefox 1.5 + */ }原创 2012-04-01 15:36:18 · 592 阅读 · 0 评论 -
最小高度设置
min-height:600px;height:auto !important;height:600px;overflow:visible;原创 2012-04-01 15:42:45 · 486 阅读 · 0 评论 -
CSS链接
将CSS样式表加入到网页时,分为以下几种方法:1.将样式表内嵌到HTML文件中; 是指样式文件写入到标签之内,一般用于访问量比较大的页面,通过减少HTTP请求数而减轻服务器的负担。 缺点:需要修改时之内对其所在页面进行修改,所以的样式表信息均列于HTML文件的顶部。 …… 2.将一个外部样式表链接到HTML文件中; 在维护原创 2012-04-11 17:10:13 · 578 阅读 · 0 评论 -
CSS优先级
原则一:继承不如指定;原则二:ID选择器优先级大于类别选择器,类别选择器大于标签选择器;原则三:越具体级别越高;原则四:标签#id优先级大于#id,标签.class大于.class。原创 2012-04-11 16:44:26 · 744 阅读 · 0 评论