随笔分类 -  Html/Css

响应式设计
摘要:@media screen and (min-width:800px) and (max-width:1060px){ li{ font-size:10em; }}意味着,在屏幕上(而不是打印机)并且当最小像素为800,最大像素为1060时应用括号内的样式因为css(层叠样式表)后... 阅读全文

posted @ 2015-07-23 22:16 左小兵 阅读(237) 评论(0) 推荐(0)

jquery选取iframe
摘要:$(window).load(function(){ $('iframe').contents().find('form'); }) 阅读全文

posted @ 2014-04-15 16:19 左小兵 阅读(191) 评论(0) 推荐(0)

响应式布局与媒体查询,以及像素以及查看各种分辨率下显示效果的工具
摘要:1.响应式布局不仅要求能根据屏幕大小自适应,还要求对用户的的操作做出反应,如缩放,媒体查询可以对缩放(页面加载完成之后,调整窗口大小)进行反应2.我以前以为像素占固定空间,但在手机上浏览才发现,设置像素后,占多大空间由手机分辨率决定,即1英寸内可以放多少个像素,也是手机参数中的分辨率一般3英寸的手机分辨率为240*320,即宽240像素,高320像素3.有一个可以显示各分辨率的工具 https://github.com/johnpolacek/Responsivator 阅读全文

posted @ 2014-04-10 09:28 左小兵 阅读(482) 评论(0) 推荐(0)

css2图片边框
摘要:用父元素的背景作为边框图片父元素的背景既可以是不平铺的成品边框图片,也可以是平铺的图片,填充子元素和父元素之间的padding然后给子元素设置背景色或背景图覆盖掉父元素的背景图。 阅读全文

posted @ 2014-03-31 11:49 左小兵 阅读(171) 评论(0) 推荐(0)

百度地图实现思路--------未实践------未验证
摘要:实时加载图片图片大小是256*256我以前一直以为是像素级改变。 阅读全文

posted @ 2014-03-29 08:27 左小兵 阅读(142) 评论(0) 推荐(0)

用max-width来防止图片溢出---不兼容ie6-----将max-width设置成父元素的宽度,当图片过大时会换行,以及限制图片的宽度。但是如果使用table,仍然可能超出限制。
摘要:img{ max-width:100%; height:auto;}如题。 阅读全文

posted @ 2014-03-28 20:43 左小兵 阅读(197) 评论(0) 推荐(0)

让边框和文本一样高,不受line-height影响,可以使用padding,padding可以用于行内元素
摘要:如果设置了,display:inline-block;边框大小至少和行高一样。这样就可能比文字高。 阅读全文

posted @ 2014-03-22 12:12 左小兵 阅读(609) 评论(0) 推荐(0)

行内元素的行高对布局也有影响
摘要:当设置*{行高}时可能设置父元素的行高也没有用,需要对行内元素设置行高。 阅读全文

posted @ 2014-03-22 09:46 左小兵 阅读(790) 评论(0) 推荐(0)

便捷创建热点,以及热点点击突出效果的实现
摘要:图像映射,a标签的链接会不断变化利用firework的热点可以便捷创建点击域,以及可以利用切下来的图片,在域上设置鼠标经过事件。利用绝对定位,js调用图片 阅读全文

posted @ 2014-03-21 14:46 左小兵 阅读(262) 评论(0) 推荐(0)

css float对于之后布局的影响
摘要:后面的元素不浮动,即便设置了宽度,表面上只占了一定的宽度,但实际上占了全屏。(所以设置了overflow之后,并且之后的div设置了宽度,再设置margin-left可能不起作用)。高度对浮动的影响如果要实现类似九宫格那种效果,则他们的高度必须保持一致,否则会占用下一格的位置。 阅读全文

posted @ 2014-03-21 09:21 左小兵 阅读(870) 评论(0) 推荐(0)

让图片完全显示出来,应对overflow,以及在背景中完全显示出来
摘要:1.应对overflow2.背景全屏,IE下不会全屏,但会居中background-size:100% 100%;background-position:center center;background-repeat: no-repeat; 阅读全文

posted @ 2014-03-14 11:37 左小兵 阅读(411) 评论(0) 推荐(0)

利用自定义属性来传递信息
摘要:如小图传递大图的地址信息可以这样可以用$('img').attr('bigurl')来得到信息,这样得到信息是很便捷的,可以通过事件获取元素的相关自定义信息. 阅读全文

posted @ 2014-03-14 01:26 左小兵 阅读(190) 评论(0) 推荐(0)

div间的小红点,可能是BOM头,利用ultraedit另存为UTF-8无BOM即可
摘要:如题 阅读全文

posted @ 2014-03-11 22:40 左小兵 阅读(241) 评论(0) 推荐(0)

ie63像素bug原因及解决办法不使用hack
摘要:1.浮动元素后边跟不浮动元素时会产生3像素bug2.解决办法是不要忘记给浮动元素的相邻元素加上浮动。 阅读全文

posted @ 2014-03-03 12:05 左小兵 阅读(188) 评论(0) 推荐(0)

ie6中利用jquery居中
摘要:1.利用jquery居中代码2.利用$('html')取得的宽度比$(window)小$('html')取得的宽度不能用做居中依据的计算值 阅读全文

posted @ 2014-03-03 00:28 左小兵 阅读(181) 评论(0) 推荐(0)

应对ie双外边距,不使用hack
摘要:1.在浮动元素内层加一层div2.使用不浮动的内层外边距来定义距离ie在浮动时,并且使用外边距,会产生双倍外边距。 阅读全文

posted @ 2014-03-01 12:19 左小兵 阅读(147) 评论(0) 推荐(0)

前端开始工作准备--应对缓存问题
摘要:1.ie的internet 常规-》 浏览历史记录-》设置检查网页的较新版本----选择每次访问网页时2.火狐打开隐私浏览窗口3.flash缓存可能不会更新 阅读全文

posted @ 2014-03-01 11:46 左小兵 阅读(130) 评论(0) 推荐(0)

html用jquery获取屏幕宽度与滚动条的关系
摘要:当内容高度超过屏幕高度时,获取的屏幕宽度不包括滚动条。即使是浮动,也要显式设置高度,才会全屏。未超过时,获取的宽度包括滚动条。 阅读全文

posted @ 2014-02-28 11:00 左小兵 阅读(1516) 评论(0) 推荐(0)

添加w3c验证图片到网站
摘要:1.在http://validator.w3.org/网站验证2.添加验证通过后的代码至自己的网站类似 阅读全文

posted @ 2014-02-24 11:34 左小兵 阅读(272) 评论(0) 推荐(0)

织梦安全的思路---未实践
摘要:一般而言织梦是安全的,只需要禁止上传脚本文件(asp,php,jsp)就可以了.因为即使图片,flash文件被写入了代码也是不会执行的.而是去客户端执行.至于上传限制,我相信织梦已经做了其他的,参照织梦后台登录后的安全提示 阅读全文

posted @ 2014-02-17 15:32 左小兵 阅读(140) 评论(0) 推荐(0)

导航